Горизонтально закрепить элемент

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 при прокрутке страницы.