当用户到达某个点滚动网页时,是否可以更改滚动条位置?例如,一旦您到达页面的中间位置,滚动条就会自动移动回顶端。更改滚动条位置
Q
更改滚动条位置
18
A
回答
29
可以计算使用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。
9
是的,我已经看过几次了。下面是一些JS代码:
window.scrollBy(0,50)
50要通过滚动的像素数量。
2
(window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop)应该在几乎任何浏览器中为您提供当前滚动位置。
4
您需要关注的三个滚动功能是window.scroll(x,y)
,window.scrollBy(dx,dy)
和window.scrollTo(x,y)
。
正如David所说,您需要滚动位置才能知道您的位置,并使用window.onscroll
事件触发此计算。
+1
这些可在所有浏览器上使用,或者需要某些功能检测吗? – 2011-10-04 00:32:54
相关问题
- 1. 更改TextBox中的滚动条位置?
- 2. 滚动条位置
- 3. 要改变滚动条位置
- 4. 如何更改设置位置的滚动条轨道颜色?
- 5. 更改滚动条
- 6. 在C++中更改面板中自动滚动条的位置
- 7. 重置ItemsSource上的滚动条更改
- 8. 无限滚动滚动条位置跳
- 9. ListView项目更改滚动位置
- 10. 更改JInteranlFrame中JTable的滚动位置
- 11. jquery鼠标滚动更改div位置
- 12. 基于滚动位置更改图像
- 13. 更改滚动div的位置
- 14. 更改完全滚动位置在ListView
- 15. 更改滚动位置上的图像
- 16. 根据URL更改UIWebView滚动位置
- 17. 水平滚动更改位置winform
- 18. jquery更改滚动位置上的css
- 19. 根据滚动条当前所处的位置更改内容?
- 20. 更改表单位置/大小后滚动条消失
- 21. 如何更改Chrome滚动条填充位置?
- 22. 更改WPF Datagrid中滚动条的位置
- 23. 如何使用滚动条重置滚动条内的滚动条位置?
- 24. WPF滚动条位置
- 25. Android AlertDialog滚动条位置
- 26. 默认滚动条位置
- 27. 计算滚动条位置
- 28. Highchart滚动条位置
- 29. 固定滚动条位置
- 30. 如何使用jQuery或JavaScript更改光标位置或滚动条位置?
@CMS:优秀的答案! – Josh 2009-08-08 14:47:18
window.scrollTo(0,0); 不适合我在chomre – SuperUberDuper 2016-05-24 09:54:13