水平固定元素

Question

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

有没有CSS方法可以做到这一点？如果不是，监视滚动偏移然后移动元素是否是正确的方法？

Answer 1

我最终做了这样的事情：

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

然后，

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

感谢所有回答的人。

Answer 2

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

你尝试过这些吗

Answer 3

我认为这对于 CSS 来说是不可能的。事实上，我会使用 position:absolute 并使用 JavaScript 在页面滚动时更改 top css 值。