水平固定元素答案

【问题标题】：Horizontally fix element水平固定元素
【发布时间】：2011-09-15 15:47:42
【问题描述】：

使用position:fixed 可以垂直和水平地固定一个元素，但我希望我的元素只保持水平固定。也就是说，我希望它与页面的其余部分一起垂直滚动。

有没有任何 CSS 方法可以做到这一点？如果不是，那么监控滚动偏移然后移动元素是正确的方法吗？

【问题讨论】：

【解决方案1】：

我最终做了这样的事情：

.fixThisHorizontally {
    position:absolute;
    z-index:100;
}

那么，

jQuery(window).scroll(function() {
    jQuery('.fixThisHorizontally').css('left', document.body.scrollLeft);
});

感谢所有回答的人。

【讨论】：

【解决方案2】：

 position:absolute;overflow-x: hidden; overflow-y: scroll;

你试过这些

【讨论】：

【解决方案3】：

我认为这完全用 CSS 是不可能的。我确实会使用 position:absolute 并在页面滚动时使用 JavaScript 更改 top css 值。

【讨论】：

您的意思是“使用position:absolute 并在页面滚动时使用JavaScript 更改left css 值”？（或者position:fixed+top？）
我误解了这个问题。我的意思是我说的。我认为“与页面垂直滚动”意味着对象像页面一样上下移动，因此似乎保持在同一位置。但是，是的，您需要为此更改 left 值。