ドロップダウンがアクティブなときに画面のスクロールを防止する

ドロップダウンの末尾に到達するためにどれだけスクロールすべきか、正確に示すのは本当に難しいです。結果として、私は過剰にスクロールしてしまい、メインの本文がスクロールし始めてしまいます。

ドロップダウンがアクティブな間、あるいは少なくともマウスがドロップダウン上にホバーしている間は、本文のスクロールを無効にすることを検討したいと考えています。

「いいね!」 3

This is more obvious on iPhone and Android mobile devices.

And separately:
I’ve even seen some iPhone devices scroll the page randomly even though not at the bottom or top of the menu scroll - but this was with some site customisations.

iPhone clearly needs a bunch of full height things …

  • search
  • hamburger
  • composer

I wonder though how relevant this topic is in light of this redesign

「いいね!」 1

This is interesting. I just tested on Firefox and this problem doesn’t occur.

I have Firefox latest.

It doesn’t happen with scrolling at the end of the hamburger. But it does if I scroll inside of Notifications, Search, or Avatar.

It has never bothered me much, but I guess that doesn’t mean it couldn’t be a problem for others.

I believe this problem might have been mentioned in this Gotcha video by Paul @ 2m15s from back in January:

It starts with “Did you know you can’t stop the body from scrolling?”…
… he mentions there is something coming along the pipeline in “spec land” - but there is now way currently of controlling it.

Obviously - there might be something now because that was 6 months ago.

P.S. other parts of the video are interesting too, worth a watch