滚动'磁性'效果(jquery)

时间:2014-02-03 16:25:24

标签: javascript jquery scrollto

有没有办法正确检测元素是否实际位于滚动的“焦点”上...我的意思是“用户现在处于此元素位置”?

这将是element.offset().top and $(window).scrollTop();之间的一种比较?

我在这个网站上发现了这个效果(http://andrewgooch.com/mercury-music-awards-2013),我问自己这是如何在任何设备/分辨率下正常工作的

1 个答案:

答案 0 :(得分:1)

他正在使用:

var articles = $('article');

// Find next
function findnext(){
    var scrollPosition = $(window).scrollTop();
    articles.each(function() {
        var that = $(this);
        artPosition = that.offset().top;
        if (artPosition > scrollPosition + 10) {
            target = that;
            $.scrollTo(target, 400, {axis:'y', easing:'easeInOutQuart'});
            return false;
        }
    });
}

等检查源代码