CSS - Как заставить относительный элемент следовать за мной вверх и вниз, но не налево и направо?

Question

У меня есть родительский div с фиксированной позицией, а внутри этого div у меня есть основной div с относительной позицией. Пока я прокручиваю полосу вверх и вниз, она следует за мной (этого я хочу), но я не хочу, чтобы она следовала за мной, когда я прокручиваю полосу слева направо (или справа налево).

HTML:

<div id="wrapper">
   <div id="icons">
      icons
   </div>
</div

CSS:

#wrapper {
    position: fixed;
    z-index: 1000;
    top: 155px;
}
#icons  {
    width: 42px;
    position: relative;
    left: -67px;
}

Спасибо !!

Answer 1

Не нужно вовлекать JS или jQuery.Я немного изменил предыдущий ответ, чтобы использовать только html и css

Положение: исправлено;

http://jsfiddle.net/z52qG/11/

Answer 2

В основном вам нужно изменить значение left на #wrapper на основе его начальной позиции и текущего значения $(document).scrollLeft():

var initSL = $(document).scrollLeft(),
    initOL = $('#wrapper').offset().left;

$(document).scroll(function(e){
    $('#wrapper').css('left', initOL - ($(document).scrollLeft() - initSL));
});

См. Пример & # x2192;