javascript - ページが読み込まれ、ハッシュタグ アンカーまでスクロールされた後に JavaScript を実行する

Question

ハッシュタグ リンク (例: ) を使用してスクロールできるすべてのパーツを含む Web ページがありますwww.marie-charlot.be/#weiss。

ページの読み込み後にトリガーされる JavaScript 関数を実行する方法を知っています (を使用します$(document).readyが、これらは通常、ページが正しい部分 (#weissアンカー) までスクロールされる前にトリガーされます)。

スクロール後にスクリプトを実行するにはどうすればよいですか?

Answer 1

$(document).ready(function() {
    var anchorTop = $('#my-anchor').offset().top;

    $(document).scroll(function() {
        if($(document).scrollTop() >= anchorTop)
            yourFunctionHere();
    });
});

Answer 2

これには、JQuery プラグインWaypointsを使用する必要があります。

例：

$('.entry').waypoint(function() {
   alert('You have scrolled to an entry.');
});