固定div的滾動能力

Question

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

我的div #slidingMenu具有固定的位置，我給div設置了溢流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;
 }

Answer 1

你會用

overflow-y:auto;

要刪除滾動條但允許內部內容溢出時滾動，請更新小提琴

為了使WebKit移動設備上的滾動更流暢，您可以使用

 -webkit-overflow-scrolling: touch;

哪個模仿默認的iOS滾動參考

Answer 2

嘗試添加您的CSS

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

這將隱藏滾動條，使您仍然可以在網站上滾動。