Die Funktionalität dieser Website ist durch Wartungsarbeiten eingeschränkt, die Ihr Erlebnis verbessern sollen. Wenn ein Artikel Ihr Problem nicht löst und Sie eine Frage stellen möchten, können Sie unsere Gemeinschaft über @FirefoxSupport auf Twitter, /r/firefox oder Reddit fragen.

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

Updating the position of element in DOM over scroll is delayed when smooth scrolling is enabled

  • 2 Antworten
  • 1 hat dieses Problem
  • 1 Aufruf
  • Letzte Antwort von pragav94

more options

I am trying to add a SVG element next to the form labels with absolute position. When there is a scroll I am listening to scroll event and updating the position of the SVG. When smooth scrolling is enabled the SVG tends to bounce over continuous scrolling. This bouncing is observed in macOS Chrome and in FireFox when smooth scrolling is enabled.

In Linux/Windows, this can be reproduced by using smooth scroll smooth scroll chrome extension.

I've captured the bouncing due to scroll in this recording

bounce due to scroll

I am trying to add a SVG element next to the form labels with absolute position. When there is a scroll I am listening to scroll event and updating the position of the SVG. When smooth scrolling is enabled the SVG tends to bounce over continuous scrolling. This bouncing is observed in macOS Chrome and in FireFox when smooth scrolling is enabled. In Linux/Windows, this can be reproduced by using [https://chrome.google.com/webstore/detail/smoothscroll/nbokbjkabcmbfdlbddjidfmibcpneigj smooth scroll] smooth scroll chrome extension. I've captured the bouncing due to scroll in this recording [[bounce due to scroll|bounce due to scroll]]

Alle Antworten (2)

more options

Link to jsfiddle Link to jsfiddle

more options

pragav94 said

I am trying to add a SVG element next to the form labels with absolute position. When there is a scroll I am listening to scroll event and updating the position of the SVG. When smooth scrolling is enabled the SVG tends to bounce over continuous scrolling. This bouncing is observed in macOS Chrome and in FireFox when smooth scrolling is enabled. In Linux/Windows, this can be reproduced by using smooth scroll smooth scroll chrome extension. I've captured the bouncing due to scroll in this recording Screen Recording Link to jsfiddle Link to jsfiddle