滾動時創建HTML元素

Question

我試圖創建一個新的HTML元素，當用戶滾動超過50px，但問題是條件太寬，並且元素被創建多次，每個像素高於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

嘗試添加一個標誌e.g created_flag避免多重創作：

​​

注：在jQuery 3.0，.bind()已被棄用。它被.on()取代，所以請改用它。

好的，這有助於。