有没有办法使用css和html来控制页面的最大可滚动高度,而不管页面上的内容是什么?
对于一个具体的,假设的例子:说<body>
非常简单 - <div>
高5000像素。如何将可滚动高度设置为仅2000px?
因此看起来第2000个像素是页面上的最后一个像素。浏览器的滚动条似乎位于底部,而不只是&#34;卡住&#34;在页面中间。我错过了一些简单的事情来实现这种行为吗?我更喜欢纯css / html,因为它似乎应该可行,但我会接受js。
答案 0 :(得分:1)
答案 1 :(得分:1)
在容器元素上使用max-height
或height
css属性和overflow:hidden
。它将隐藏大于您指定高度的所有内容,因此限制了滚动条的高度。
我还应该提一下,你可以使用overflow-y:hidden
来实现相同的功能,但只会影响元素的顶部和底部边缘。查看更多详情here。
答案 2 :(得分:1)
您可以执行this
之类的操作<强> HTML 强>
<div class="outer">
<div class="inner">
<!--your content here-->
</div>
</div>
<强> CSS 强>
.outer {
height:2000px;
overflow:auto;
}
.inner {
height:5000px;
overflow:hidden;
}