使我的JavaScript滚动功能流畅

Question

Hello my current JavaScript is this, to scroll the page to an id tag further down my website page:

function scroll(element){   
    var ele = document.getElementById(element);  
    window.scrollTo(ele.offsetLeft,ele.offsetTop);
    window.scrollBy(0, -100);
}

How can I make the function scroll smoothly ?

Answer 1

First of all, this is not Java, this is JavaScript, and those two are different, they are not just two names for one programming language... For your problem, I would do something like getting the current position of the scroll by using document.documentElement.scrollTop (but this one returns 0 on chrome) and the wanted position of the scroll by getting your element's coordinates, and then just move the scroll for a bit of the distance every frame by using window.scrollBy() method. However, I would not suggest this method, because there are other, better solution would be to use this