如何解决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()获取的滚动值以像素为单位。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。