Question

截至目前，我已经花了几个小时试图找出并阅读提供给我的这段代码。让代码出现故障有点困难......如果你在这里查看这个页面： http://www.1stamender.com/article.php?articlenumber=1125

页面的一部分说：＆＃34;您可能也喜欢＆＃34;保存在一个容器内，跟随课程＆＃39;跟随滚动＆＃39;。基本上如果你重新加载页面（硬刷新ctrl + f5）中途，它将不会正确拉动element.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>

Answer 1

if (($(window).outerHeight()+$(window).scrollTop()) >= $('.follow-scroll').offset().top)
{
    //your code here
}

element.offset（）顶部。在页面刷新过程中不能正常拉动滚动

1 个答案: