固定コンテナの下にページをスクロールするにはどうすればいいですか？

Question

質問はタイトルが記述できるよりも少し複雑です。私はこのようなものを作ろうとしています：

コンテンツセクションを含む1ページのレイアウトがあります。各セクションは100vhです、それらのいくつかは背の高いです。ユーザーがスクロールしたり、スワイプしたりすると、次のセクションにスライドします。背の高いセクションでは、セクションの境界になければ自由にスクロールし、アニメーションが発生します。

私は、ブラウザのスクロールバーがコントローラーの何かでなければならないという考えを思いつきました。つまり、JSによって適切なアニメーションに変換される位置の値を示す必要があります。私はページのボディ上にセクションを持つ固定配置のコンテナを作成しました。スクロールバーが適切な値を示すように、セクションの高さを高さに設定します。

問題は、スクロールバーをドラッグするときに少しパラドックスになるため、スクロールバーを表示したくないと思います。また、独自のスクロールバーで横からスライドするコンテンツもあります。スクロールバーがウィンドウではなくdivにある場合、スクロールバーを隠すことができると思いますが、固定コンテナがスクロールバーのあるコンテナ内にあるときにマウスが固定されているときにスクロールが起こらないように見えますコンテナ。

これで、ウィンドウのスクロールバーと実際に固定されたコンテナをスクロールすることができなくなります。私はどんな助けにもとても感謝しています。乾杯！

codepenリンクが動作するだけのためにいくつかのHTML：

<div class="fixed"> 
    <div class="section-container"> 
    <div class="section"><h1>section 1</h1></div> 
    <div class="section"><h1>section 2</h1></div> 
    <div class="section"><h1>section 3</h1></div> 
    </div> 
</div> 

codepen example with body scroll

codepen example with container scroll

Answer 1

あなたは前にあなたがスクロールしている場合、それは問題ではありませんので、固定スクロールを追加またはない、それが固定されていますあなたは固定された領域をスクロールすることはできません。