window.scrollTo with options not working on Microsoft Edge

javascript microsoft-edge
CDK picture CDK · Sep 11, 2018 · Viewed 27.4k times · Source

I have a strange issue which I can only replicate on Microsoft browsers (Edge and IE11 tested).

This code correctly scrolls the window 1000px to the left and down, with a smooth behaviour in Chrome and Firefox. However, on Edge and IE, it does not move at all.

Answer

eyecatchUp picture eyecatchUp · Mar 18, 2019

As mentioned before, the Scroll Behavior specification has only been implemented in Chrome, Firefox and Opera.

Here's a one-liner to detect support for the behavior property in ScrollOptions:

const supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style;

And here's a simple implementation for cross-browser smooth scrolling: https://nicegist.github.io/d210786daa23fd57db59634dd231f341

Related questions

How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?

I've looked around a lot, and I understand that there's a lot of ways to detect internet explorer. My problem is this: I have an area on my HTML document, that when clicked, calls a JavaScript function that is incompatible …

Read More
includes() not working in all browsers

right here is a block of my code. It works perfect in fireFox and Chrome. But not in IE. I get the error "Object doesn't support property or method 'includes'" function rightTreeSwapfunc2() { if ($(".right-tree").css("background-image").includes("stage1") == true) { $(".right-tree").…

Read More
How to target Edge browser with javascript

I know you should do feature detection where possible, but can you detect in Javascript if the browser is the Microsoft Edge browser? I maintain an old product and I want to display a warning that some features could be …

Read More