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，如果是，则运行function然后在该函数中将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');

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

1 个答案: