Scroll with 'magnetic' effect (jquery) [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.

Closed 8 years ago.

Improve this question

Is there a way to detect properly if an element is actually on the 'focus' of the scroll...I mean a kind of 'user is now at this element position'?

It would be a kind of comparaison between element.offset().top and $(window).scrollTop(); ?

I found this effect on this site (http://andrewgooch.com/mercury-music-awards-2013) and I was ask myself how this could work properly in any device/resolution

Answer 1

He's using:

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;
        }
    });
}

etc check the source code