0

我正在尝试创建一种效果，在页面上有一个小标题，该标题始终在顶部可见，然后是可以上下滚动的页面其余部分。

目前，只要页面滚动，标题就会滚动离开页面，这不是我想要的。我考虑过让页面的第二部分成为滚动 div，类似于这个答案，但不幸的是，这种方法似乎需要我提前知道我的标题 div 的高度而我不知道 - 原因是它是可能的高度将根据页面的宽度而变化，因此如果页面不够宽，标题的一部分将溢出到下一行。由于这个原因，绝对位置似乎也是不可能的，因为我无法提前知道第二个 div 的位置 - 它应该就在第一个 div 之后，无论它在哪里，即相对位置但似乎绝对定位是使可滚动 div 工作的技巧的一部分。

那么，如何仅使用 CSS 实现相对于页面上另一个元素定位的滚动 DIV？

4

2 回答 2

3

将标题元素定位为：

position: fixed;

无论您滚动了多少，这都会使其相对于浏览器窗口“固定”。

于 2013-08-28T18:40:45.343 回答
1

好的，以@zigdawgydawg 的回答为灵感，我发现这段代码可以工作。

<!doctype html><html style="height:98%;">
<body style="height:100%;">
<div> ... contents of first div ... </div>
<div style="position:fixed; overflow:auto; height: 100%;">
... 
contents of second div 
...
</div>
</body></html>
于 2013-08-28T19:16:10.163 回答