[Hatsuki]

【お使いの Snow Monkey のバージョン】v5.1.1
【お使いのブラウザ】iPhoneのWebViewアプリ

ドロワーメニューのメニューが多い時には、メニューをスクロール出来るのですが、
iPhoneのWebビューア系のアプリの場合は、メニューをスクロールするとメインコンテンツの方までスクロールされてしまっていたり、
スクロールされない場合でもフリックなどをしたらメインコンテンツがスクロールしてしまう場合があるみたいです。
ドロワーメニューがオープンされている際は、メインコンテンツのスクロールが出来ないように固定などは出来ないでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あぁ、iPhoneのWebビューア系のアプリ…。これ最初に実装したときから悩んでいる場所ではあるんです。スクロールしないほうが良いだろうなと思ってはいて。

スクロールさせないためには body に overflow: hidden すれば良いと思うんですけど、本来 ドロワーメニュー（ .c-drawer ）と body は独立したコンポーネント同士なので、ドロワーメニューを開いたときに body を制御するというのがどうも疎になってない感じで違和感があるんですよね。なにか良い解決方法があれば良いのですが、うーん、難しく考えすぎですかねぇ…。

♥ 0

いいねをした人: 居ません

[Hatsuki]

ドロワーメニューを開いたときに body を制御するというのがどうも疎になってない感じ

紐づいてもいない他の要素を制御をする違和感って、すごく解ります！
私も良く悩む問題です。

bootstrap4などで作られているメニューデザインを参考にしても、
スクロールの制御されているものはほとんどがbodyにoverflow:hiddenなどで対応されているようです。
他に解決方法が無いので仕方なくそうしているような感じなのか、難しく考えすぎなのかも悩みますね。
こちらでも良い解決方法を探してみます。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿