„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann das übergeordnete Element nicht scrollen, wenn ein festes untergeordnetes Element an die Kante scrollt?

Wie kann das übergeordnete Element nicht scrollen, wenn ein festes untergeordnetes Element an die Kante scrollt?

Gepostet am 2025-03-13
Durchsuche:209

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

verhindern, dass das Elternelement das Scrollen verhindern, wenn das Kind Rand erreicht

Wenn ein festes und scrollierbares Element in seinem Elternteil einschränken, kann es wünschenswert sein, das Bild des Elternteils zu beschränken, wenn das untergeordnete Element sein oben oder unten seines Elements erreicht. Dieses Problem tritt beim Scrollen innerhalb des untergeordneten Elements und des übergeordneten Elements auf und führt zu einem unerwünschten Scrollen im Hintergrund. Diese Methode erwies sich jedoch als Ausbreitung immer noch als unwirksam. Die Lösung verwendet die Wheeldelta -Eigenschaft, in der positive Werte angeben, dass das Scrollen und negative Werte angeben, dass das Scrollen nach unten scrollen. Auf Elementen mit der '.Scrollablen' Klasse.

scrolling Direction Detection : Der Delta -Wert wird verwendet, um die Scrolling -Richtung zu bestimmen. Das Skript überprüft nach Kantenfällen, in denen das Scrollen die minimale oder maximale Position des Scroll -Elements übertreffen würde.

Anpassung der Scroll -Position

: Wenn ein Randfall erkannt wird, setzt das Skript das Scrolltop -Wert auf 0 (oben) oder das ScrollHeight (unten) des Scroll -Elements. Cancellation : Die Funktion zur Verhütung wird ausgeführt, um das Ereignis vollständig abzusagen und sicherzustellen, dass sie sich nicht auf das übergeordnete Element ausbreitet.

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3