在固定div中滾動的能力

我有一個從左側滑動100％的div，一旦你按下一個按鈕。在該div中，它將顯示我的網站菜單。我遇到的問題是，當瀏覽器尺寸較小時，內容會被覆蓋，而您無法看到其他鏈接。在固定div中滾動的能力

我的div #slidingMenu有一個固定的位置，我給了div一個overflow-y：scroll。一旦我添加了代碼，我確實有能力滾動。但問題是#slidingMenu現在滑出顯示一個白色欄（滾動條）。當我滾動時，是否有辦法讓瀏覽器的主滾動條在#slidingMenu中控制我的菜單？

這裏是css和文件http://jsfiddle.net/bC5zh/6/

#footer{ 
    background-color:#999; 
    width:100%; 
    height:50px; 
    position:absolute; 
    top:100%; 
    margin-top:-50px; 
    line-height:50px; 
} 
#toggle{ 
    color:#FFF; 
    margin-left:50px; 
    cursor:pointer; 
} 
#slidingMenu{ 
    position:fixed; 
    background-color:#999; 
    width:100%; 
    height:100%; 
    top:0; 
    left:-100%; 
    overflow-y:scroll; 
}

來源

2014-06-19 user3756781

嘗試在你的CSS

#slidingMenu::-webkit-scrollbar { 
    display: none; 
}

這將隱藏滾動條使您能夠在網站上還滾動的能力增加。

來源

2014-06-19 19:51:31 bigant841

完美！謝謝@ bigant841 – user3756781

這隻適用於webkit瀏覽器？ – Last1Here

你會使用

overflow-y:auto;

要刪除滾動條，但允許滾動時內部內容滿溢，更新fiddle

對於您可以使用WebKit移動設備上更流暢的滾動條

-webkit-overflow-scrolling: touch;

模仿iOS的默認滾動reference

來源

2014-06-19 18:58:19 Last1Here

這幾乎是我所期待的。有沒有辦法不顯示第二個滾動條，只有主滾動條控制divs內容？ @ Last1Here – user3756781

不是我知道，而是使用'position：fixed;''你可以重新做你的佈局和使用'position：relative;'也有辦法用javascript來做它我想像 – Last1Here

@ user3756781，你可以，但不能當你的div是固定的/絕對的。對你而言，最快的修復方法是改變滑入/滑出的位置屬性：檢查Last1Here的[更新的小提琴]（http://jsfiddle.net/kevinvanlierde/bC5zh/9/） – Tyblitz

在固定div中滾動的能力

回答

相關問題