jQuery＆CSS-如何停止相对元素左右浮动滚动时？

问题描述

| 很抱歉再次发布此消息，但我需要一个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);

再一次谢谢你！！     

解决方法

尝试这个：

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

jQuery .css函数将css值设置为字符串。 您从$（document）.scrollLeft（）获取的滚动值以像素为单位。