當滾動條移動時,我必須移動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