有一些问题让这个工作。请帮忙。
我想要一个固定在视口顶部的元素,当用户向下滚动页面时,它会保持在视口的顶部......很容易。如果窗口比 960px 窄,水平滚动条就会出现。如果窗口水平滚动,我希望这个固定元素内的内容随之滚动。
请查看演示,两个绿色框应始终对齐。缩小窗口并滚动水平,注意它们不再排列。
如果没有 JavaScript,这可能吗?应该在 IE7+ 中工作,而不是在 IE6 中完全中断。
有一些问题让这个工作。请帮忙。
我想要一个固定在视口顶部的元素,当用户向下滚动页面时,它会保持在视口的顶部......很容易。如果窗口比 960px 窄,水平滚动条就会出现。如果窗口水平滚动,我希望这个固定元素内的内容随之滚动。
请查看演示,两个绿色框应始终对齐。缩小窗口并滚动水平,注意它们不再排列。
如果没有 JavaScript,这可能吗?应该在 IE7+ 中工作,而不是在 IE6 中完全中断。
啊,有趣的问题。我认为没有 JavaScript 就无法实现这一目标。
position: fixed
表示元素相对于视口定位。你想要垂直的,但你不想要水平的。我认为没有任何方法可以在 CSS 中实现这一点。
您不能拥有position:fixed
溢出的滚动内容。为此,您需要使用 JavaScript。我在滚动块内的 Fixed header 中使用 jQuery 回答了一个类似的问题,即使内容通过溢出滚动,div 也是固定的。
简单:http: //jsbin.com/awaqug/edit#javascript,html,live
由我进行了一点编辑,以使其更容易按照您的意愿实施。jquery 代码不是我的...呵呵。这对我有帮助,很快...