Hi, my site is a fullpage scroll. Its a smooth scroll on Chrome and FF, but on MS Edge, its stutters between sections. Its not smooth, the scroll is a little rough. I understand browsers render pages differently, but is there something I can do for MS Edge to make it a little smoother for my visitors? Thank you .
My site.
Edge is known to have problems with smooth scrolling when using fixed elements or fixed backgrounds on some machines.
Your page works fine on my version of edge (Windows 10) which probably means that it can be down to specific settings on the users machine and what hardware they are using. It may be that I just have a more powerful machine etc.
I know that some people have suggested turning smooth-scrolling off in the control panel settings which seems to make things better but it does also depend on the mouse used and the settings that you have set up for your mouse if we are talking about mouse-wheel scrolling as well.
More information here:
There is also an old topic here and if you scroll down you may want to test out the js fix mentioned in one of the posts as I remember trying that out in an IE11 page a while ago and noted that it did improve mouse-wheel scrolling.
Paul, thank you for the explanation! I gave the JS hack a try from the thread you provided:
if(navigator.userAgent.match(/MSIE 10/i) || navigator.userAgent.match(/Trident\/7\./) || navigator.userAgent.match(/Edge\/12\./)) {
$('body').on("mousewheel", function () {
event.preventDefault();
var wd = event.wheelDelta;
var csp = window.pageYOffset;
window.scrollTo(0, csp - wd);
});
}
It gave me this error:
syntax error, unexpected ‘/’
Im going to see if I can straighten out the code to see if it works. Im not strong with scripts.
I’m not seeing any error in the console with that code but your other js is giving an error which you may want to sort out.
I will investigate thank you!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.
