You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am experiencing an issue where scroll-behavior: smooth is not functioning as expected in my project. The CSS property has been applied to the html and body elements, but there is no visible smooth scrolling effect on the page.
Expected Behavior:
Smooth scrolling between sections when clicking on anchor links or using window.scrollTo().
Actual Behavior:
There is no smooth scroll effect; the page jumps abruptly to the desired position.
Environment:
Browser: Chrome & Edge
Operating System: Windows 11
Additional Information:
I have verified that the browser supports scroll-behavior: smooth and tried testing with a minimal setup, but the issue persists.
The text was updated successfully, but these errors were encountered:
I am experiencing an issue where scroll-behavior: smooth is not functioning as expected in my project. The CSS property has been applied to the html and body elements, but there is no visible smooth scrolling effect on the page.
Steps to Reproduce:
Apply the following CSS in the app.css file:
css
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: "Montserrat", sans-serif;
scroll-behavior: smooth;
}
Expected Behavior:
Smooth scrolling between sections when clicking on anchor links or using window.scrollTo().
Actual Behavior:
There is no smooth scroll effect; the page jumps abruptly to the desired position.
Environment:
Browser: Chrome & Edge
Operating System: Windows 11
Additional Information:
I have verified that the browser supports scroll-behavior: smooth and tried testing with a minimal setup, but the issue persists.
The text was updated successfully, but these errors were encountered: