当滚动条移动时,我必须移动div,但需要使用纯javascript,并且position:fixed将不能用于布局。该div的原始渠道是相对于其他东西。是否有一个简单的实现使用像onScroll这样的事件来检测页面向上或向下移动的像素数量,并相应地更改div的位置。 div只需要垂直移动。所以,如果我可以检测到页面移动了多少像素,我可以将其添加到div的位置或将其减去。任何帮助是极大的赞赏 :-)。带滚动的移动div
12
A
回答
15
window.onscroll = function (e) {
var vertical_position = 0;
if (pageYOffset)//usual
vertical_position = pageYOffset;
else if (document.documentElement.clientHeight)//ie
vertical_position = document.documentElement.scrollTop;
else if (document.body)//ie quirks
vertical_position = document.body.scrollTop;
var your_div = document.getElementById('some_div');
your_div.top = (vertical_position + 200) + 'px';//200 is arbitrary.. just to show you could now position it how you want
}
相关问题
- 1. Div的移动与滚动
- 2. Jquery带小滚动条的弹出div像移动
- 3. 无法移动div内的滚动条
- 4. 不带动画的移动div
- 5. 滚动条 - 透明和隐形直到滚动div的移动
- 6. 垂直滚动时水平移动DIV
- 7. 如何滚动移动覆盖div
- 8. Javascript DIV在滚动上移动
- 9. 移动DIV至底部,并滚动
- 10. 滚动div在移动浏览器中的滚动div跨平台
- 11. 如何临时更换主滚动带内的div滚动
- 12. jQuery-带按钮的垂直div滚动不会连续滚动
- 13. 构建不带滚动条的可滚动div
- 14. 将固定div内的滚动条移动div
- 15. 如何在页面滚动时移动1 div更快/在div上移动
- 16. 可滚动的div自动滚动
- 17. RecyclerView带偏移量的滚动速度
- 18. 只滚动div滚动
- 19. DIV自动滚动
- 20. 自动滚动div
- 21. 领带DIV元素溢出滚动条
- 22. Datagrid在Windows中滚动移动滚动条的移动方法?
- 23. 移动的div
- 24. 动画滚动div与溢出滚动
- 25. 当滚动时将div移到一边
- 26. 移动滚动条
- 27. 带滚动条的JavaScript滚动菜单
- 28. 带滚动条的Javascript滚动横幅
- 29. div下的可滚动div
- 30. 滚动 - div内的Div
所以你现在是...(这是你粘贴代码段你这样做的远)什么 – 2011-04-11 03:00:37