jQuery & CSS - Как остановить относительный элемент от плавания влево и вправо (при прокрутке)?

Question

Прошу прощения за публикацию этого сообщения второй раз , но мне нужно решение jQuery. оригинальное решение не работает в Chrome, но работает на сайте jsFiddle (даже если открыто в Chrome).

Вот еще раз детали: У меня есть родительский 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;
}

JQuery:

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

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

Еще раз спасибо !!

Answer 1

попробуйте это:

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

Функция jQuery .css устанавливает значения css в виде строк.

Значения прокрутки, полученные из $ (document) .scrollLeft (), представлены в пикселях.