当scrolltofixed插件切换到position:absolute时出现问题

Question

我在使用scrolltofixed jquery插件时遇到问题

https://github.com/bigspotteddog/ScrollToFixed

我用:

$('#tostick').scrollToFixed({  limit: $('#app-footer').offset().top - $('#tostick').height() - 20});  

我的#tostick在里面

 margin:0 auto

div容器,一旦它碰到固定页脚,脚本从固定页面切换到绝对定位,它会跳出容器,因为

left: 1107px

应用,这是到浏览器窗口左边框的距离,而不是居中的div容器的左边框.它试图添加:

offsetLeft: -$('#container').offset().left

这完全被忽略了.提前感谢任何小费!

Answer 1

您需要提供更多信息，我们不知道#tostick 是什么。显然我们需要整个JS，以及相关的html和css。您是否尝试过移动整个容器 div 它的唯一目的是具有 margin:0 auto 的样式？你也可以这样做：

 $('#tostick').bind('unfixed', function() { $(this).css('left', ''); });//or what it needs to look right
   $('#tostick').bind('fixed', function() { $(this).css('left', '1107px'); });//switch back to what it was