防止垂直滚动超出div

Question

我正在使用在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>

有没有一种方法可以渲染bottomdiv或topdiv ，但不能滚动？ 换句话说，是否有一种方法可以防止用户向下滚动通过contentdiv即使bottomdiv存在bottomdiv下方并且不可见，但contentdiv始终是完全可滚动的？

我愿意接受任何普通的JavaScript，CSS或HTML实现。 如果那是您可以打开和关闭的功能，但不是必需的，那就太好了。

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

Answer 1

如果我了解您想要什么，以下内容可以解决您的问题。 使用body标签上的overflow属性，如下所示：

body
{
overflow:hidden;
}

另一种方式来解决这将是你的设置bottomdiv来hidden ，或者通过使用visibility:hidden; 如果您希望它不占用空间或使用display:hidden; 如果您希望它不占用任何空间。 比，只需根据您要执行的javascript更改它即可。

防止垂直滚动超出div

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-12-07 20:33:05

防止垂直滚动超出div

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-12-07 20:33:05

解决方案1
1 已采纳 2012-12-07 20:33:05