1

HTML

私は2つのdivを持っています。一方の親ともう一方はその子です。どちらも内容盛りだくさんです。そのため、スクロールバーがあります。ここで観察したことは、スクロールが子 div の下部に到達すると、親コンテンツがスクロールを開始するということです。言葉にするのは難しい。だから私はフィドルをリンクしています -

http://jsfiddle.net/JDkjh/

私が欲しいのは、子のスクロールが終わったときです。つまり、スクロールバーが子の下に達した場合、親のスクロールを回避できる必要があります。マウスが子 div にあり、ユーザーがスクロールする場合、親コンテンツがスクロールするシナリオがあってはなりません。

CSS ソリューションは、うまく機能している必要があります。しかし、私はそのようなものがないことを願っています。js または jquery の修正があれば教えてください。ありがとう。

CSS コード:

.first {width:300px; height:300px; border:1px solid #000; overflow:auto; position:fixed; text-align:center}
.second {width:100px; height:100%; position:absolute; top:0; right:0; border:1px solid blue; text-align:center; overflow:auto}
4

1 に答える 1

0

純粋な CSS2 ソリューションの場合、子を親の兄弟にして、スクロール イベントが親にバブリングしないようにし、メイン ブラウザー ウィンドウがスクロールしないようにします。

次に、この回答を使用して、フィドルをこのフィドルの例に変えることができます。

<div id="wrapper">
    <div class="first">abc
    </div>
    <div class="second">xyz
    </div>
</div>
于 2013-10-31T12:53:37.863 に答える