This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Caută ajutor

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

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

  • 2 răspunsuri
  • 1 are această problemă
  • 1 vizualizare
  • Ultimul răspuns de pragav94

pragav94
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]]

Toate răspunsurile (2)

pragav94
pragav94 Deținătorul întrebării
more options

Link to jsfiddle Link to jsfiddle

pragav94
pragav94 Deținătorul întrebării
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