Vscode: Smooth scrolling

Created on 23 Mar 2016 · 11Comments · Source: microsoft/vscode

The scrolling behavior is not smooth when you do it with the mouse wheel. It has been fixed in chromium 49 that comes since electron 0.37.x
So, could you update to the last version of electron?

VSCode Version: 0.10.12-insider
OS Version: Windows 10

I left a video showing the difference with electron 0.37.x

editor-core feature-request on-testplan

Source

nicolasparada

👍24 👎2

Most helpful comment

I think this is a good opportunity for a PR:

the ScrollableElement should get a new option smoothScrolling or equivalent that can be exercised from the editor
This option can be passed to the Scrollable
The Scrollable.updateState could use this option to update its scrollTop and scrollLeft in n frames, according to some math function.

alexdima on 26 May 2016

👍6 ❤2 🎉1

All 11 comments

I haven’t look at Chromium49 smooth scrolling yet, but it seems to me that this wouldn’t help VSCode scrolling that is managed using CSS transform3D and absolute positioning.

mquandalle on 2 Apr 2016

Well then, eliminate these approach and use the native scroll behavior in chromium >= 49.

nicolasparada on 4 Apr 2016

Just tried out latest master: This is indeed not fixed in VSCode simply by updating to electron 0.37.5.

jhasse on 13 Apr 2016

@mquandalle is correct, we own the scrolling from JS.

We need to distribute the scrolling from point X to point Y through multiple frames in our code. Definitely a nice thing to have.

alexdima on 28 Apr 2016

...So, are we going to get smooth scrolling?

benignant on 26 May 2016

👍2

I think this is a good opportunity for a PR:

the ScrollableElement should get a new option smoothScrolling or equivalent that can be exercised from the editor
This option can be passed to the Scrollable
The Scrollable.updateState could use this option to update its scrollTop and scrollLeft in n frames, according to some math function.

alexdima on 26 May 2016

👍6 ❤2 🎉1

Why not using the CSS property "transition-duration" for that? Seems to work quite well at first glance - if the lines that get invisible wouldn't disappear before the transition-duration is over.
I am not sure how important smooth scrolling is when translate3d is not used (and thus transition-duration has no effect).

hediet on 9 Jun 2016

Is this issue still active?

darkon5 on 9 Mar 2017

👍2

@darkon5 I tried the latest master. Smooth scrolling seems to be working with the touchpad now (wohoo), but it still does not seem to work with the mouse wheel (tested on SP4 running Debian Stretch).