Javascript 淡入/淡出、向上/向下滑动方法重复/完成得太快 我尝试制作一个半粘的导航条，它根据用户滚动的方向显示/隐藏，但我会遇到多个时间跳跃或动画在中间停止或结束太突然的问题，你有什么建议我如何解决这个问题？ let basePosition = 0; let boundLine = $('.introImg'); $(window).scroll(function(event) { let tempPosition = $(this).scrollTop(); if(tempPosition > basePosition && tempPosition > boundLine.height()) { $('#navStick').stop(true, true).animate({ opacity : 0 }, 400); } else { $('#navStick').stop(true, true).animate({ opacity : 100 }, 400); } basePosition = tempPosition; });

html:

O nas


盔甲


赞助的


康塔克

我会运行一个“已设置动画”来检查它是否正在设置动画

然后忽略新事件或终止当前动画

您可以使用Jquery stop或finish进行此操作

---

对于有此问题的未来开发人员：我刚刚添加了一项检查，检查动画是否仍处于打开状态：

if(tempPosition > basePosition && tempPosition > boundLine.height() && !$('#navStick').is(':animated')) $('#navStick').slideUp('slow');

else if(!$('#navStick').is(':animated'))    $('#navStick').slideDown('slow');

---

你能给我们一些HTML来玩吗？我刚添加了iTunes，就是为了在开发Wordpress网站时受到这些攻击。令人惊叹的！

if(tempPosition > basePosition && tempPosition > boundLine.height() && !$('#navStick').is(':animated')) $('#navStick').slideUp('slow');

else if(!$('#navStick').is(':animated'))    $('#navStick').slideDown('slow');