jQuery - divに入るときのトリガー要素

Question

fromTop関数を使用せずにターゲットdivに入るとすぐにヘッダーをクローンするスクリプトを開発しようとしています。ありがとう:)

$(document).ready(function() { 
    var $header = $(".header"), 
    $clone = $header.before($header.clone().addClass("clone")); 

    $(window).on("scroll", function() { 
     var fromTop = $(window).scrollTop(); 
     $("body").toggleClass("down", (fromTop > 490)); 
    }); 
}); 

を私もjsFiddleをした - https://jsfiddle.net/Lng9cf7v/2/

Answer 1

このコードを使用すると、ナビゲーションバーをクローニングすることにしたいナビゲーションバーとdivの間の現在の距離を検出します。 2つの間の距離が0px以下になると（navbarがdivの上または下にある）、navbarに.downクラスを追加して表示します。 toggleClass()はnavbarで不快感を与えていたので、代わりにaddClass()とremoveClass()を使用しました。

$(window).on("scroll", function() { 

    var cloneArea = $('.other-div').offset().top; 
    var fromTop = $(window).scrollTop(); 

    if ((fromTop - cloneArea >= 0) && ($("body").hasClass("down") == false)) { 

     $("body").addClass("down"); 

    } else if ((fromTop - cloneArea < 0) && ($("body").hasClass("down") == true)) { 

     $("body").removeClass("down"); 

    } 

}); 

作業のデモ：https://jsfiddle.net/kkdaily/rp0dhvuv/