防止垂直滚动超出div

时间:2012-12-07 19:59:39

标签: javascript html css android-webview

我正在开发一款在WebView中使用HTML的Android应用。

我的HTML中有一系列<div>个。像这样:

  

<body>

     
    
      

<div id='topdiv'></div>

             

<div id='contentdiv'>

             
        
          

<p>A bunch of content in here!<p>

                     

<p>There is more content here than can fit on 1 screen.<p>

        
      
             

</div>

             

<div id='bottomdiv'></div>

    
  
     

</body>

有没有办法让它呈现bottomdivtopdiv,但不能滚动?换句话说,有没有办法阻止用户向下滚动contentdiv,即使bottomdiv位于其下方并且不可见,但contentdiv始终完全可滚动?

我对任何纯JavaScript,CSS或HTML实现都持开放态度。如果这是一个可以打开和关闭的功能,那将是很好的,但不是必需的。

由于我只在移动设备上工作,因此无法禁用滚动条或捕获mousescroll事件等。

1 个答案:

答案 0 :(得分:1)

如果我很清楚你想要什么,以下内容可以解决你的问题。在body标签上使用overflow属性,如下所示:

body
{
overflow:hidden;
}

另一种解决方法是将bottomdiv设置为hidden,方法是使用     visibility:hidden; 如果你想要它不占用空间或使用     display:hidden; 如果你想要它不占用任何空间。 然后,根据你想做的事情,用javascript改变它。