CSS - 如果溢出则锁定滚动条

时间:2010-08-23 20:11:32

标签: html css scroll

即使有溢出,我如何完全阻止在我的网站上滚动。我只是不想隐藏滚动条,因为你通常只能使用鼠标滚轮或向下翻页。我希望他们既隐藏又锁定。

问题是我有这个结构(当然有真正的CSS和HTML)

<outerdiv height="100%">
  <innerdiv height="100%">
    <contentdiv height="ALOT">content</contentdiv>
  </innerdiv>
<outerdiv>

我只想让innerdiv滚动它的孩子,但有时你不小心聚焦了外部,当你开始滚动时,innerdiv将滚出视图(因为它是outerdiv的一个孩子),你不能再查看实际的内容了。

初始布局将为outerdiv和innerdiv提供浏览器的高度,但是当查看内容以滚动外部时,似乎看起来一直到innerdiv的子项,这没有任何意义,因为它已经自动滚动。

2 个答案:

答案 0 :(得分:1)

如果您仍然使用整个屏幕,那么为什么不使用position:absolutetopleftrightleft设置为0) overflow:auto使用 innerdiv

答案 1 :(得分:0)

没有滚动: 风格= “溢出:无;”

自动滚动: 风格= “溢出:汽车;”