使我的JavaScript滚动功能流畅

Question

您好，我当前的JavaScript是这样，将页面滚动到一个ID标签，位于我的网站页面下方：

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

如何使功能平滑滚动？

Answer 1

首先，这不是Java，这是JavaScript，这两个是不同的，它们不仅是一种编程语言的两个名称...对于您的问题，我会做一些事情，例如通过使用获取滚动条的当前位置document.documentElement.scrollTop （但此元素在chrome上返回0）和滚动的所需位置，方法是获取元素的坐标，然后使用window.scrollBy()方法将滚动每帧移动一段距离。 但是，我不建议使用此方法，因为还有其他更好的解决方案是使用此方法