Question

我的脚本有问题。我想在滚动时从左边动画一个div。如果我滚动到div应该滑入的点，它会像它应该的那样滑入，但是如果我滚动超过scrollTop点，它会减慢并几乎停止，因为它会一次又一次地尝试动画。有没有办法只在我点击scrollTop点时动画一次，如果我在scrollTop点下面就停止？

继承我的代码：

＆＃13;

$(function(){
  
  $(window).scroll(function(){ 
    var scrollTop = 60;
    if($(window).scrollTop() >= scrollTop){ 
      $('.c-logo-fadein').stop().animate({ "margin-left" : '10px' }, 100);
    }
    if($(window).scrollTop() < scrollTop){
      $('.c-logo-fadein').stop().animate({ "margin-left" : '-45px' }, 100);
    }
  });
  
});

＆＃13;

.c-logo-fadein { 
  
  background:url(/image.png) left no-repeat;
  background-size:cover;
  height:40px;
  width:40px;
  position:fixed;
  z-index:50;
  left:0;
  margin-left:-45px;
  margin-top:10px; 
  
}

＆＃13;

<div class=c-logo-fadein></div>

＆＃13;

希望有人可以帮助我并理解它，德国人在这里：D

仅在scrollTop之后执行一次动画

0 个答案: