防止垂直滾動超出div
[英]Prevent vertical scrolling beyond div
問題描述
我正在使用在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滾動事件等。
1 個解決方案
解決方案1
1 已采納 2012-12-07 20:33:05
如果我了解您想要什么，以下內容可以解決您的問題。 使用body標簽上的overflow屬性，如下所示：
body
{
overflow:hidden;
}
另一種方式來解決這將是你的設置bottomdiv來hidden ，或者通過使用visibility:hidden; 如果您希望它不占用空間或使用display:hidden; 如果您希望它不占用任何空間。 比，只需根據您要執行的javascript更改它即可。
垂直滾動 Div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.