jquery「Drawer」を使用し、左からスライドインするメニューを作成しました。
スマホ、タブレットだとこのメニューの項目が長くなっても「transform: translate(0px, 0px)」で、メニュー内でまるでスクロールしているかのような動きをしてくれるのですが、PCだとうまく動作してくれません。
デベロッパーツールで一回スマホサイズまで縮めると動作するのは確認しているので、あるサイズになったら動作するというのがjquery「Drawer」内で動いているのかなと思ったのですが、それらしい記述が見当たりません。
PCでも動作させるには、別のjsで組んで動かす以外方法はないのでしょうか?
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.js"></script>
上記も読み込ませているのですがもしかしてこれを変更しないと動かないのでしょうか?
お力添えしていただけると助かります。
###発生している問題・エラーメッセージ
jquery「Drawer」でメニュー内の項目が長くなった時、スマホでは動作する「transform: translate(0px, 0px)」でのスクロールがPCで動作しない
すみません、スマホの実機でみたらスクロールしてくれなかったです。
PCだと一回表示させた後、メニューの要素外をクリックし、一回メニューを消してもう一回表示させるとスクロールできることが確認できたので、後ほどHTML、CSSを追記します。
###試したこと
jquery「Drawer」でブラウザサイズで切り替えてるかを検索しながら探したが見つからなかった
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。