更改滚动条位置

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); 
     } 
   }; 
};

你可以在这里查看我的例子.

Answer 2

是的,我已经看过几次了.这是一些JS代码:

window.scrollBy(0,50)

50是您想要滚动的像素数量.