javascript - 当窗口滚动时，我想附加一个 div 并在滚动回顶部时隐藏 div？

Question

我想创建一个功能，当用户向下滚动到中间时，菜单将有一个“sticky”类，当 div 有一个“sticky”类时，我想附加一个 div。问题是当我滚动时它会继续附加 div。第二个问题是，当我滚动回顶部时，附加粘性停留。帮助，感谢。

 jQuery(window).scroll(function(){
   		
		   if(jQuery('.main-menu-top').hasClass('sticky')){
			   jQuery('.main-menu-top').append('<div id="checkout_sticky"></div>');
		   		   }else{
            /*I want to hide the checkout_sticky, try hide(), doesn't work*/
   });

Answer 1

您需要创建一些一旦完成就会发生变化的东西。为此，

创建一个值为 true 的 var，然后在您的 if 语句中检查它是否为 true，如果是则运行函数，然后在该函数中将 var 的值更改为 false。

var test = true;

jQuery(window).scroll(function(){

           if(jQuery('.main-menu-top').hasClass('sticky') && test==true){
test = false;
               jQuery('.main-menu-top').append('<div id="checkout_sticky"></div>');
                   }else{
            /*I want to hide the checkout_sticky, try hide(), doesn't work*/
   });

让它隐藏起来，你可以试试；

else { 
    $('#checkout_sticky').css("visibility","hidden");  
}

如果不行你可以试试，

$('#checkout_sticky').removeAttr('id');