「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > 固定された子要素が端にスクロールしたときに親要素がスクロールするのを防ぐ方法は?

固定された子要素が端にスクロールしたときに親要素がスクロールするのを防ぐ方法は?

2025-03-13に投稿されました
ブラウズ:445

How to Prevent Parent Element Scrolling When a Fixed and Scrollable Child Element Reaches Its Edge?

親子の固定されたスクロール可能な要素を利用すると、子供がエッジに到達したときに親要素がスクロールするのを防ぐため、子供の要素が底部に到達するときに親のスクロールを制限することが望ましい場合があります。この問題は、子要素内でスクロールするときに発生し、親子要素が引き継がれ、背景に不要なスクロールを引き起こします。ただし、この方法は、伝播が依然として発生したため効果がないことが証明されました。ソリューションはホイールデルタのプロパティを利用します。肯定的な値はスクロールアップを示し、負の値はスクロールダウンを示すことを示します。 [.scrollable 'class。

スクロール方向検出

の要素について:デルタ値はスクロール方向を決定するために使用されます。スクリプトは、スクロールがスクロール可能な要素の最小位置または最大位置を上回るエッジケースをチェックします。キャンセル

:防止関数は、イベントを完全にキャンセルして、親要素に伝播しないようにして実行されます。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3