我想一个元素固定在视口的顶部，当用户向下滚动页面时，它仍然在视口的顶部...很容易。如果窗口较窄，那么960px的水平滚动条出现。如果窗口是水平滚动，我想这个固定元素内的内容与它一起滚动。
请查看演示，两个绿色框应该总是排成一行。使你的窗口变窄，水平滚动，注意他们如何不再排成一行。
这在没有JavaScript的情况下是可能的吗？应该在IE7+中工作，而不是在IE6中完全中断。
http://www.louiswalch.com/beta/t/_scrolltest4.html
我想一个元素固定在视口的顶部，当用户向下滚动页面时，它仍然在视口的顶部...很容易。如果窗口较窄，那么960px的水平滚动条出现。如果窗口是水平滚动，我想这个固定元素内的内容与它一起滚动。
请查看演示，两个绿色框应该总是排成一行。使你的窗口变窄，水平滚动，注意他们如何不再排成一行。
这在没有JavaScript的情况下是可能的吗？应该在IE7+中工作，而不是在IE6中完全中断。
http://www.louiswalch.com/beta/t/_scrolltest4.html
2条答案
按热度按时间pjngdqdw1#
我不认为没有JavaScript就能做到这一点。
position: fixed意味着元素是相对于视区定位的。你想要垂直定位，但你不想水平定位。我认为在CSS中没有任何方法可以实现这一点。xdnvmnnf2#
溢出滚动的内容不能有
position:fixed，需要使用JavaScript。我在滚动块中的Fixed header使用jQuery回答了类似的问题，其中div是固定的，即使内容是通过溢出滚动的。检查http://jsfiddle.net/VswxL/3/处的工作示例