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

Question

我想创建一个函数，当用户向下滚动到中间时，菜单将有一个“粘滞”类，当div具有“粘滞”类时，我想附加一个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');