更改滚动条位置

Question

当用户到达某个点滚动网页时，是否可以更改滚动条位置？例如，一旦您到达页面的中间位置，滚动条就会自动移动回顶端。

Answer 1

可以计算使用onscroll事件滚动条的当前位置的百分比，如果达到50％的滚动位置可以设置为页面的顶部与scrollTo功能：

window.onload = function() { 
    window.onscroll = function() { 
    var doc = document.body, 
    scrollPosition = doc.scrollTop, 
    pageSize = (doc.scrollHeight - doc.clientHeight), 
    percentageScrolled = Math.floor((scrollPosition/pageSize) * 100); 

    if (percentageScrolled >= 50){ // if the percentage is >= 50, scroll to top 
     window.scrollTo(0,0); 
    } 
    }; 
}; 

您可以查看我的示例here。

Answer 2

是的，我已经看过几次了。下面是一些JS代码：

window.scrollBy（0,50）

50要通过滚动的像素数量。

Answer 3

（window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop）应该在几乎任何浏览器中为您提供当前滚动位置。

Answer 4

您需要关注的三个滚动功能是window.scroll(x,y),window.scrollBy(dx,dy)和window.scrollTo(x,y)。

正如David所说，您需要滚动位置才能知道您的位置，并使用window.onscroll事件触发此计算。