Adding smooth animation to scrollTo button function using javascript

Question

Ok I'm new to this please don't judge me I looked around on the net and every video or suggestion seems over complicated as I managed my button to go to the top, I'm just missing the smooth animation. What am I missing form the below code?

 const myBtn = document.querySelector("#myBtn");
 myBtn.addEventListener("click", function() {
 window.scrollTo(0, 0);
 });

Does this answer your question? [smooth scroll to top](https://stackoverflow.com/questions/15935318/smooth-scroll-to-top) — blex, Jul 04 '20 at 00:12

score 0 · Answer 1 · answered Jul 04 '20 at 00:20

0

If you're lazy, like I am then you can use this jQuery Plugin to get smooth scrolling to your link

answered Jul 04 '20 at 00:20

Blomqen

61
1
6

score 0 · Answer 2 · answered Jul 04 '20 at 00:42

0

Try to use scrollIntoView()?

It can use smooth behavior.

ref: scrollIntoView

answered Jul 04 '20 at 00:42

Alvin

454
3
7

score 0 · Answer 3 · answered Jul 04 '20 at 00:45

0

You don't need any plugins just use

window.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth'
});

answered Jul 04 '20 at 00:45

Ahmed Abdelfattah

469
5
12

Adding smooth animation to scrollTo button function using javascript

3 Answers3