水平固定元素

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值。