Question

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

我有一个背景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 个答案: