スクロールでHTML要素を作成

Question

ユーザーが50ピクセル以上スクロールしたときに新しいHTML要素を作成しようとしましたが、条件が広すぎて要素が50pxを超えるすべてのピクセルで何度も作成されるという問題があります。

これを避けるために具体的にするにはどうしたらいいですか？

$(window).bind('scroll', function() { 
     if ($(window).scrollTop() > 50) { 
     $('#subnav-cont').prepend('<div id="mm-logo"><img src="img/logo.svg" /></div>'); 
     } else { 
     $('#mm-logo').remove(); 
     } 
    }); 

Answer 1

複数の作成を避けるためにcreated_flag例えばフラグを追加してください：

​​

注：jQueryの3.0、.bind()のようが廃止されました。それは.on()に取って代わりましたので、代わりにそれを使用してください。

これは役立ちます。