Question

每当我向下滚动时，我都试图隐藏我的页脚。我做的是我制作一个slideDown动画，然后是一个隐藏功能。但是当我开始向下滚动时，它会重复这个过程而变得很烦人。如何在运行一次后才进行一次？

这是我的代码 -

$('.empdetalye').scroll(function (event) {
var scroll = $('.empdetalye').scrollTop();
if(scroll > 50){
$('.footer').slideDown("slow", function() {
    // Animation complete.
    $('.footer').hide();
  });

}
if(scroll < 50){
$('.footer').slideUp("slow", function() {
    // Animation complete.
    $('.footer').show();
  });

}
});

我应该添加其他东西以防止它重复吗？

Answer 1

添加一个布尔值以检查是否隐藏了页脚。

$('.empdetalye').scroll(function (event) {
var scroll = $('.empdetalye').scrollTop(),
    isHidden = false;
if(scroll > 50 && !isHidden){
$('.footer').slideDown("slow", function() {
    // Animation complete.
    $('.footer').hide();
    isHidden = true;
  });

}
if(scroll < 50 && isHidden){
$('.footer').slideUp("slow", function() {
    // Animation complete.
    $('.footer').show();
    isHidden = false;
  });

}
});

这应该可以解决问题。

隐藏和显示页脚继续重复滚动

1 个答案: