5

有一些问题让这个工作。请帮忙。

我想要一个固定在视口顶部的元素,当用户向下滚动页面时,它会保持在视口的顶部......很容易。如果窗口比 960px 窄,水平滚动条就会出现。如果窗口水平滚动,我希望这个固定元素内的内容随之滚动。

请查看演示,两个绿色框应始终对齐。缩小窗口并滚动水平,注意它们不再排列。

如果没有 JavaScript,这可能吗?应该在 IE7+ 中工作,而不是在 IE6 中完全中断。

http://www.louiswalch.com/beta/t/_scrolltest4.html

4

3 回答 3

4

啊,有趣的问题。我认为没有 JavaScript 就无法实现这一目标。

position: fixed表示元素相对于视口定位。你想要垂直的,但你不想要水平的。我认为没有任何方法可以在 CSS 中实现这一点。

于 2011-03-09T18:53:46.977 回答
3

您不能拥有position:fixed溢出的滚动内容。为此,您需要使用 JavaScript。我在滚动块内的 Fixed header 中使用 jQuery 回答了一个类似的问题,即使内容通过溢出滚动,div 也是固定的。

在http://jsfiddle.net/VswxL/3/检查工作示例

于 2011-03-09T19:37:22.547 回答
0

简单:http: //jsbin.com/awaqug/edit#javascript,html,live

由我进行了一点编辑,以使其更容易按照您的意愿实施。jquery 代码不是我的...呵呵。这对我有帮助,很快...

于 2012-05-28T13:47:52.010 回答