css - ページのスクロール機能を無効にする

Question

3 つの div が並んでいます。

だから div1 div2 div3

div2 のみにスクロールを集中させる方法はありますか? ユーザーがdiv2でのみ「スクロール」している間、div1とdiv3のコンテンツが常に表示されるようにしますか?

できればcssソリューションが望ましいです。そうでない場合、どのような解決策が可能ですか?

Answer 1

うーん、div1 と div3 がページ上で固定されているということは、スクロールすると div2 だけがスクロールされるということですか? もしそうなら、次のようなもの

HTML

<div class="container">
    <div class="div-one"></div>
    <div class="div-two"></div>
    <div class="div-thee"></div>
</div>

CSS

.container { position: relative; }
.div-one, .div-two { position: fixed; }

これはすぐには機能しませんが、アイデアは得られます。