Question

按下按钮后，我有一个从左侧100％滑动的div。在该div中，它将显示我的网站菜单。我遇到的问题是，当浏览器尺寸较小时，内容会被覆盖，而您无法看到其余的链接。

我的div #slidingMenu有一个固定的定位，我给div一个溢出-y：滚动。一旦我添加了该代码，我就有了滚动的能力。但问题是#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;

要删除滚动条但允许在内容溢出时滚动，请更新fiddle

要在WebKit移动设备上滚动更顺畅，您可以使用

 -webkit-overflow-scrolling: touch;

哪种模仿默认iOS滚动reference

Answer 2

尝试添加你的css

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

这将隐藏滚动条，使您能够在网站上滚动。

固定div中的滚动能力

2 个答案: