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() 检索的滚动值以像素为单位。