Internet Explorer のフローティング ツールボックスで親要素がスクロールしないようにするにはどうすればよいですか?

親要素のスクロールを防止する: 代替ソリューション

スクロール機能を備えた「フローティング ツールボックス」を使用する場合、次のような場合にイライラすることがあります。ボックス内でスクロールすると、親要素のスクロールがトリガーされます。この動作は、スクロール イベントの伝播を防ぐことで軽減できます。

ただし、受け入れられた回答は、他のブラウザでは有効ですが、Internet Explorer では制限に直面します。これに対処するには、代替ソリューションが必要です。

このソリューションは、jQuery を使用してマウスホイール イベントをインターセプトすることに重点を置いています。イベントのデルタに基づいて、スクロールが上にスクロールしているか下にスクロールしているかを判断します。

下にスクロールしている場合は、デルタがスクロール可能な領域を超えるかどうかを確認します。その場合、イベントの伝播を防止し、scrollTop を最大値に設定します。同様に、上にスクロールし、デルタによってスクロールが上部を超えてしまう場合は、伝播を防止し、scrollTop を 0 に設定します。

この方法でイベントを直接処理することで、親要素の意図しないスクロールを防ぎます。 Internet Explorerでも。これにより、スクロール イベントが指定された要素内に確実に限定されるようになります。

以上がInternet Explorer のフローティング ツールボックスで親要素がスクロールしないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。