固定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; 
 }

这将隐藏滚动条，使您仍然可以在网站上滚动。