我正在开发一款在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
位于其下方并且不可见,但contentdiv
始终完全可滚动?
我对任何纯JavaScript,CSS或HTML实现都持开放态度。如果这是一个可以打开和关闭的功能,那将是很好的,但不是必需的。
由于我只在移动设备上工作,因此无法禁用滚动条或捕获mousescroll
事件等。
答案 0 :(得分:1)
如果我很清楚你想要什么,以下内容可以解决你的问题。在body标签上使用overflow属性,如下所示:
body
{
overflow:hidden;
}
另一种解决方法是将bottomdiv
设置为hidden
,方法是使用
visibility:hidden;
如果你想要它不占用空间或使用
display:hidden;
如果你想要它不占用任何空间。
然后,根据你想做的事情,用javascript改变它。