停止向后滚动div

Question

我正在使用HTML5和CSS3为iPhone和Android编写一个Web应用程序。

我在其顶部有一个背景div和一个菜单div。 （较大的z-index）和两个div都溢出并且可以滚动。

问题是，即使我在顶部div（菜单）上滑动手指，底部div（背景）仍在滚动。 有时两者同时滚动，有时只有其中之一。

我只希望在手指滑过菜单区域时滚动菜单。

有人可以帮忙吗？

这是我的代码：

HTML：

<html>
   <body>
      <div id="main">

         <div id="menu">

           <!-- menu content goes here -->

         </div>

      </div>
   </body>   
</html>

CSS：

#main: {
   height: 3000px;
   overflow: scroll;
}

#menu: {
   height: 2500px;
   padding-left: 10px;
   overflow-y: scroll;
}

Answer 1

我做了类似的事情。 您的问题尚不清楚...但是我不得不创建一个不可见的可滚动div ...这是我的CSS ...

#sidebar{
    width: 1000px;
    height: 670px;
    border: 0px solid transparent;
    overflow: hidden;
    text-align: center;
    padding-left: 0.5%;
    background-color: transparent;
    color: transparent;
}

#sidebar #scroller{
    width: 1000px;
    height: 545px;
    padding-bottom: 15px;
    overflow: scroll; 
    overflow-x: hidden;
    text-align:center;
    background-color: transparent;
}

现在在我的html中...

   <div id="sidebar">
      div id="scroller">
          // the things i add in my scrollable menu...
      </div>
    </div>

停止向后滚动div

问题描述

1 个解决方案

解决方案1
0 2013-12-03 12:31:15

停止向后滚动div

问题描述

1 个解决方案

解决方案1 0 2013-12-03 12:31:15

解决方案1
0 2013-12-03 12:31:15