當滾動條移動時,我必須移動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. 移動滾動到div
- 3. 移動絕對div滾動
- 4. 滾動div移動內容
- 5. 使用純javascript移動滾動div div
- 6. Jquery帶小滾動條的彈出div像移動
- 7. jQuery移動頁面滾動的div
- 8. 無法移動div內的滾動條
- 9. 用jquery移動div的滾動
- 10. 滾動上的可移動div
- 11. 如何給滾動條移動的div
- 12. 不帶動畫的移動div
- 13. 滾動DIV後滾動DIV
- 14. 滾動條 - 透明和隱形直到滾動div的移動
- 15. 通過滾動來移動DIV
- 16. 如何讓滾動時div不移動?
- 17. 用頁面滾動移動div
- 18. Javascript DIV在滾動上移動
- 19. 移動DIV至底部,並滾動
- 20. 當滾動DIV Tooltip快速移動
- 21. 在滾動:向上移動內容div
- 22. 如何滾動移動覆蓋div
- 23. DIV不滾動在移動設備上
- 24. 垂直滾動時水平移動DIV
- 25. JS通過滾動位置移動Div
- 26. 使用scrollTop()移動一個DIV,當溢出-y:滾動的DIV滾動時
- 27. 滾動div在移動瀏覽器中的滾動div跨平臺
- 28. Div中的Div滾動不會滾動
- 29. 如何臨時更換主滾動帶內的div滾動
- 30. jQuery-帶按鈕的垂直div滾動不會連續滾動
所以你現在是...(這是你粘貼代碼段你這樣做的遠)什麼 – 2011-04-11 03:00:37