使我的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()方法將滾動每幀移動一段距離。 但是，我不建議使用此方法，因為還有其他更好的解決方案是使用此方法