1

我正在开发一个在WebView.

我的 HTML 中有一系列<div>s 。像这样的东西：

<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存在于它下方并且不是不可见的，但contentdiv始终是完全可滚动的？

我对任何纯 JavaScript、CSS 或 HTML 实现持开放态度。如果这是您可以打开和关闭但不是必需的功能，那就太好了。

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

4

1 回答 1

1

如果我理解你想要什么，以下可以解决你的问题。在 body 标记上使用溢出属性，如下所示：

body
{
overflow:hidden;
}

解决它的另一种方法是将您设置bottomdiv为hidden， 如果您希望它不占用空间，则visibility:hidden; 使用 或 display:hidden; 如果您希望它不占用任何空间，请使用。比，只需根据您想要做的事情用javascript更改它。

于 2012-12-07T20:33:05.693 回答