Wie verhindert man das Scrollen übergeordneter Elemente mit einer schwebenden Toolbox im Internet Explorer?

Scrollen des übergeordneten Elements verhindern: Eine alternative Lösung

Beim Arbeiten mit einer „schwebenden Toolbox“ mit Scroll-Funktionalität kann es frustrierend sein, wenn Das Scrollen innerhalb des Felds löst das Scrollen des übergeordneten Elements aus. Dieses Verhalten kann abgemildert werden, indem verhindert wird, dass sich das Scroll-Ereignis ausbreitet.

Die akzeptierte Antwort ist zwar in anderen Browsern wirksam, weist jedoch im Internet Explorer Einschränkungen auf. Um dieses Problem zu beheben, ist eine alternative Lösung erforderlich.

Diese Lösung konzentriert sich auf das Abfangen des Mausradereignisses mithilfe von jQuery. Anhand des Deltas des Ereignisses bestimmen wir, ob der Scroll nach oben oder unten scrollt.

Beim Scrollen nach unten prüfen wir, ob das Delta den scrollbaren Bereich überschreiten würde. Wenn ja, verhindern wir die Ausbreitung des Ereignisses und setzen scrollTop auf den Maximalwert. Wenn das Scrollen nach oben erfolgt und das Delta den Scroll über den oberen Rand hinausschieben würde, verhindern wir gleichermaßen die Weitergabe und setzen scrollTop auf 0.

Indem wir das Ereignis direkt auf diese Weise behandeln, verhindern wir das unbeabsichtigte Scrollen des übergeordneten Elements , sogar im Internet Explorer. Dadurch wird sichergestellt, dass das Scroll-Ereignis auf das angegebene Element beschränkt bleibt.

Das obige ist der detaillierte Inhalt vonWie verhindert man das Scrollen übergeordneter Elemente mit einer schwebenden Toolbox im Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!