我有一個移動網站,其中有一個導航菜單,點擊右上角的固定位置按鈕顯示。該菜單也是固定的,以便菜單的頂部從按鈕底部下方10px開始。問題是這個導航菜單可能比正在使用的設備的高度更長,當您嘗試滾動時,它會滾動導航菜單後面的內容,看它是否已修復。有人可以幫我解決這個問題嗎?如何滾動移動覆蓋div
1
A
回答
2
按我的評論:
您需要使用JS找到屏幕菜單的高度,頂部和菜單的最大高度設置爲這些
的差異對於高度窗口的使用$('window').height()
對於菜單的距離,從瀏覽器的頂部:$('.menu').offset()
函數應該住在播放菜單事件偵聽器:
var maxHeight = $(window).height() - $('.menu').offset();
$('.menu').css({ "max-height" :maxHeight})
確保overflow:scroll;
設置你的menu
1
你需要做的就是把一個div與一類什麼(我選擇了scrollable
)具有滾動內容導航菜單裏面,然後設置的CSS該分區是沿着線的東西:
div.scrollable{
overflow : auto;
position : relative;
}
這樣,div(以及導航菜單的內部內容)將可滾動,而菜單的整個位置保持不變。
相關問題
- 1. 父div的滾動條覆蓋子div
- 2. 滾動覆蓋div沒有滾動整個頁面
- 3. 當覆蓋div可見時,如何停止滾動頁面?
- 4. 如何使WPF DataGrid滾動條覆蓋不可滾動區域?
- 5. 使用滾動條覆蓋
- 6. 覆蓋滾動禁用
- 7. 按鈕覆蓋滾動型
- 8. 帶滾動的移動div
- 9. Div的移動與滾動
- 10. 移動地圖覆蓋
- 11. 動畫格div全屏div覆蓋jquery
- 12. 如何在頁面滾動時移動1 div更快/在div上移動
- 13. NSTableView。如何覆蓋自動滾動行爲?
- 14. 當覆蓋div可見時隱藏父窗口的滾動條
- 15. 粘貼覆蓋在滾動div的底部
- 16. 是否可以在瀏覽器的滾動條上覆蓋DIV?
- 17. 覆蓋固定在div頂部並保持位置頁滾動
- 18. 在DIV覆蓋圖上停止iOS滾動出現
- 19. 無法移動div內的滾動條
- 20. 垂直滾動時水平移動DIV
- 21. Javascript DIV在滾動上移動
- 22. 移動DIV至底部,並滾動
- 23. 覆蓋DataGrid滾動條的視圖
- 24. 快照覆蓋滾動項目
- 25. 漂亮的垂直滾動和覆蓋
- 26. 滾動時覆蓋圖像的內容
- 27. 覆蓋內容保留滾動
- 28. 覆蓋瀏覽器滾動行爲?
- 29. 滾動文本框覆蓋鍵盤
- 30. 動態覆蓋2個CSS的div
您需要使用JS找到屏幕的高度,菜單的頂部菜單的設置高度爲這些差別,並設置「溢出:滾動;」在菜單上。 – 2014-11-04 14:28:41
謝謝,應該$(window).height()工作? – lisburnite 2014-11-04 14:33:27
是的,對於要查找的元素,菜單與瀏覽器頂部的距離使用'$('。menu')。offset()' – 2014-11-04 16:06:54