読者です 読者をやめる 読者になる 読者になる

リハビリエンジニア

エンジニアリングのリハビリ中

複数スクロールコンテンツがあるときの、ユーザーによるスクロールの制御

タイトルがものすごいわかりづらいですね。 要は面白法人カヤックのサイトのこのページ(https://www.kayac.com/news)。

「タグ」をホバーしてスクロールすると分かるのですが、 下のメインコンテンツのスクロールは止まっていますね。 このような細かいところに気を使えているとイケてるサイトだなと思います(身内をほめているようでこそばゆい)

これは、bodyにoverflow:hiddenをかけてあげるだけで、実現できるようです(実証しました)。 簡単なのでコードは書きません。