이 쓰레드는 잠기고 보존되었습니다.
만약 도움이 필요하시면 새로운 질문을 올려주세요.
Locked
보존
Updating the position of element in DOM over scroll is delayed when smooth scrolling is enabled
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
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]]
모든 댓글 (2)
Link to jsfiddle Link to jsfiddle
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
This question has been locked because the original author has deleted their account. While you can no longer post new replies, the existing content remains available for reference.