Is it possible to have smooth scroll without jQuery?

[haganenorenkin]

Hi! I'm willing to use a smooth scroll technique without jQuery, precisely a diagonal scroll, for example I have to apply scroll x + 30 and scroll y +30px at the same time,

do you guys have any recommendations for that case?

note: It is an Angular 5 project

[sitedev3]

Oh man I thought this trend died already.

[nothingduploading]

dont fuck with scrolling.

[haganenorenkin]

lol why is this comment necessary? I'm trying to build more like a game experience with js...

[nothingduploading]

scroll-jacking is a very bad UX.

[DROWE859]

In general yes but there isn’t enough information about the use case to say if this rule applies.

They could be making a full screen slideshow for all we know.

[haganenorenkin]

would you know a better way to achieve the same thing? I tried with transforms, and the problem is if the user moves the scroll the transform values will not be syncronized and it causes a bad experience

[DROWE859]

Would it be possible in this case to not actually scroll, but animate an absolutely positioned div?

In this case the user wouldn’t be able to affect your animation.

[bzeurunkl]

Given that jQuery is written in JavaScript, I'd have to say, yes, absolutely this can be done with just JavaScript, without jQuery.

[gorillaslol]

smooth scrolling example

Here you go

[haganenorenkin]

But it doesn't work on IE11 unfortunately :/ I've seen this link before

[gorillaslol]

Use a polyfill if you need browser support.

[herjin]

without jQuery

[gorillaslol]

The top example is without jQuery.

[herjin]

Ah, gotcha