本文介绍了如何更改滚动条位置？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
当用户到达向下滚动网页的某个点时，是否可以更改滚动条位置？例如，一旦您到达页面下方的一半，滚动条就会自动移回顶部。推荐答案
您可以使用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。
这篇关于如何更改滚动条位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！