滚动时创建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()取代，所以请改用它。

好的，这有助于。