element.offset().top;在页面刷新过程中无法正常滚动



到目前为止,我已经花了几个小时试图弄清楚并阅读提供给我的代码。要让代码出现故障有些困难。。。如果您在此处查看此页面:http://www.1stamender.com/article.php?articlenumber=1125

页面的一部分写道:"你可能也喜欢"放在一个带有类"跟随滚动"的容器中。基本上,如果你重新加载页面(硬刷新ctrl+f5)到一半,它将不会正确地拉动元素。offset,要么太低,要么太高。(当你调整页面大小时也会发生)如果我能得到一些关于这段代码的帮助,我将不胜感激!我似乎无法正确阅读这个jquery/javascript,因为我主要使用PHP和SQL。在移动应用程序上,由于引导程序或检测偏移y的方式,也很容易看到损坏。这是它的代码:

<script>
(function($) {
var element = $('.follow-scroll');
var originalY = element.offset().top;
// Space between element and top of screen (when scrolling)
var topMargin = 40;
// Should probably be set in CSS; but here just for emphasis
element.css('position', 'relative');
$(window).on('scroll', function(event) {
var scrollTop = $(window).scrollTop();
element.stop(false, false).animate({
top: scrollTop < originalY
? 0
: scrollTop - originalY + topMargin
}, 0);
});
})(jQuery);
</script>
if (($(window).outerHeight()+$(window).scrollTop()) >= $('.follow-scroll').offset().top)
{
//your code here
}

最新更新