Microsoft Edge Smooth Scrolling



New Edge Chromium with smooth scrolling from the original Edge browser.🏗 Link to Microsoft Edge Chromium website: Twit. It is supported in Edge browser. The Scroll Behavior specification has been introduced as an extension of the Window interface to allow for the developer to opt in to native smooth scrolling. Check the repository on GitHub or download the polyfill as an npm module. In addition to smooth scrolling, Microsoft is working on at least two new features to reduce Chromium-based browsers battery consumption. Microsoft’s new Edge will gradually receive scrolling. Meanwhile, let us check few settings and see if it helps to improve your browsing experience. Select the Start button, then select Settings - Devices -.

In case Smooth scrolling is enabled in the Magic Utilities please disable smooth scrolling in your web browser as scrolling will be more responsive.

Google Chrome and Vivaldi

Enter this into the browsers address bar:

Scrolling
  • chrome://flags/#smooth-scrolling

Disable the setting and restart Chrome

Mozilla Firefox

Select Options from the ☰ menu or enter this into the address bar to open Firefox options page:

  • about:preferences

Scroll to the bottom, in section Browsing, uncheck Use smooth scrolling

Microsoft Edge

There is no single switch for Microsoft Edge. There is only one setting which affects Windows in general.

Goto an advanced system dialog, either

  1. Search for Performance and click the result Adjust the appearance and performance of Windows or
  2. Control Panel > System and Security > System > left link Advanced system settings > tab Advanced > button Performance,
Scrolling

then untick Animate controls and element inside windows.

Technical background

By default, Windows uses line based scrolling for almost any mouse. When you scroll, your content really jumps one or more line(s) rather than doing a smooth gliding.

As this is not what users want (and it is very different from what they know from their smartphones), web browsers make this jumps visually smooth, by moving the jump distance by each of its pixels, which takes quite some time and processing. So even it looks smooth, in therms of scrolling is it not, it's still line based scrolling.

The Magic Utilities for mouse and trackpad are smooth by default.

So there is NO need for your web browser to smooth the scrolling anymore, in fact, the web browser still tries to make that already perfect scrolling smooth which takes lost of time as we send about 100 times more scroll events as a regular mouse. As an (unwanted, but maybe nice) side effect of this, you get a kind of momentum/inertia scrolling at the cost of much more processor load, power consumption and scrolling lags behind your finger movement.

Back in 2019 when Microsoft announced that it would rebuild Microsoft Edge browser based on the Chromium engine, the company also promised it would retain the look and feel of the original version of the browser that was bundled with Windows 10 since 2015.

And while most of Edge Legacy has already moved to the Chromium-based successor, the transition is still under way, with some features still under development to work exactly as they did in the previous version of the browser.

One of them is the scrolling, which as many Windows 10 know already, was absolutely amazing in the legacy version of Microsoft Edge. Everything was super smooth and fluid, and Microsoft wants the same experience to come to the Chromium browser as well.

Of course, this means that other Chromium browsers could benefit from the improved scrolling as well, including Google Chrome, but that’s a completely different story,

The latest tweets from @PatrickByrne. Patrick byrne twitter.

In the meantime, as Microsoft works on bringing the old scrolling to the new browser, certain things could be broken down, and this is the case of the latest version of Edge Dev that introduces such a bug.

Ore specifically, scrolling on trackpads or touchscreens in the latest Edge Dev doesn’t work exactly as expected, and Microsoft describes it as a wobbling effect. This only happens on some sites, it says, and while a fix is in the works, you can very well disable the experimental scrolling to bring things back to normal.

Microsoft Edge Smooth Scrolling

“Some users are seeing “wobbling” behavior when scrolling using trackpad gestures or touchscreens, where scrolling in one dimension also causes the page to subtly scroll back and forth in the other. Note that this only affects certain websites and seems to be worse on certain devices. This is most likely related to our ongoing work to bring scrolling back to parity with Edge Legacy’s behavior, so if this behavior is undesirable, you can temporarily turn it off,” Microsoft says.

Disabling the new scrolling system means you’ll just have to stick with the standard Chromium scrolling, but given the new one experiences issues, this is most likely the better way to go. Of course, this is just a temporary workaround until Microsoft manages to get the scrolling feature right, so you can revert the changes once this happens.

Disabling the Edge Legacy scrolling behavior in the Chromium successor is possible. All you need to do is turn to a dedicated flag that lets you do the whole thing. So the first thing you need to do is type the following code in the address bar to launch the advanced flags screen:


edge://flags
Next, in the search box at the top of the screen, type the following flag name:

Microsoft Edge Smooth Scrolling Settings


Microsoft Edge scrolling personality
Scrolling

Microsoft Edge Smooth Scrolling Software

If you just want to use a shortcut, copy the following code and paste it in the address bar of Edge Dev:

Microsoft Edge Smooth Scrolling Extension


edge://flags/#edge-experimental-scrolling

Microsoft Edge Smooth Scrolling Turn Off

Next, you need to use the drop-down menu for this flag to select the disabled value. A reboot of the browser will be required to save your changes, but when the browser relaunches, everything should be back to normal and the scrolling should work just as expected.

Smooth Scrolling Html

Microsoft hasn’t provided any ETA as to when it could fix the scrolling in Edge. The next stable release is due in mid-May, while new Dev builds land every week as per the standard release schedule. It remains to be seen when this bug would be corrected, but in the meantime, the aforementioned workaround comes in handy to continue using Edge Dev without the scrolling problem.