ハマった話2017.04.10この記事は最終更新日から7年以上経過しています。内容が古い可能性がありますのでご注意ください。オフキャンバスメニューを扱うスクリプトで、一番カンタンに実装できそうなので使うことにしたhiraku.jsでドツボにはまったのでメモ。自分だけだと思うけど......。アップルップルハマったのは、デスクトップのブラウザ(Chrome、Firefox等)では動作するのに、スマホ(iPhone)で動作しない、という問題。自分が書いたソースはこう。//メニューが開く方向});他のスクリプトと衝突しているのか、それともiPhone固有の問題なのか......といろいろ試したが、結局、メニュー開閉のためのボタンをbuttonで作らないといけない、というのが原因だった。自分はdivで作ってたので動かなかった。dolor.</li></ul></nav>JS部分に変更はありません。配布サイトのサンプルは確かにbuttonで書かれているのだが、指定のID、クラスさえついていれば、どんな要素でもいいのかと思って書き換えてしまっていた。いや、だってjQueryのスクリプトって大概そうだし(言い訳)hiraku.jsは他の同機能をスクリプトより以下の点で優れていると思うのでおすすめ。hiraku.css)他のライブラリや、複数のCSSを必要とするスクリプトは結構あるメニュー部分のHTMLをどこに配置してもいい。本文中の先頭でも末尾でも、指定のIDやクラスがついた要素があればいい。ヘッダが固定できるページの上部に固定したメニューを設置してもちゃんと動作する。これができないスクリプトは結構ある。余談この横からシュッと出てくるメニューっていろんな呼び方があって、検索するときに苦労する。今まで見た中だと下の3つかな...。menu)それぞれをGoogleにぶち込むと、当然だが検索結果がまるで違う。それで見つかるスクリプトはどれもほぼ同等の機能を実現するものなので、それぞれのスクリプトを比較検討したいときにめんどくさい。自分はずっと「ドロワーメニュー」で検索してて、思うようなスクリプトが見つからずにいたのだが、「オフキャンバスメニュー」という呼称を知ってこれで検索したら一発でこのhiraku.jsが出てきたっていう......。Web関連ツール・サービス紹介javascriptjquery【協力者募集中】NASAポスター元ネタ探しNASAが作っている映画のパロディポスターの元ネタを調べています。映画好き、洋楽好きの人にご協力いただいけると嬉しいです。コメントをキャンセルメールアドレスが公開されることはありません。名前、メールアドレスは入力しなくても送信できます。LANアダプタが接続できないWindows10:共有サーバに接続できないWordを開こうとすると「ダイアログボックスが開いているため、コマンドを実行できません。河城彰Webやネットワーク、PCのユーザーサポートなどに携わる雑用係。仕事中や身近で遭遇したパソコンやネットのトラブル解決メモ、その他雑多な覚え書きです。基本的に個人用メモなので、掲載している情報の正確性や適切性については保証しません。INCOMPLETE++.ホーム検索トップサイドバ。