Javascript Jquery在滚动时触发动画一次

尝试在滚动上触发动画一次，但它会触发多次

$(window).scroll(function(){
  var y = $(window).scrollTop();
  var flagscroll=true;
  if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
       $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
  }
});

$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
var flagscroll=true；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

---

我错过了什么？谢谢你的想法

对于每个滚动事件，您的标志总是设置回true。必须将初始化置于事件函数声明之外：

var flagscroll=true;

$(window).scroll(function(){
    var y = $(window).scrollTop();
    if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
        $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
    }
});

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

对于每个滚动事件，您的标志总是设置回true。必须将初始化置于事件函数声明之外：

var flagscroll=true;

$(window).scroll(function(){
    var y = $(window).scrollTop();
    if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
        $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
    }
});

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

对于每个滚动事件，您的标志总是设置回true。必须将初始化置于事件函数声明之外：

var flagscroll=true;

$(window).scroll(function(){
    var y = $(window).scrollTop();
    if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
        $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
    }
});

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

对于每个滚动事件，您的标志总是设置回true。必须将初始化置于事件函数声明之外：

var flagscroll=true;

$(window).scroll(function(){
    var y = $(window).scrollTop();
    if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
        $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
    }
});

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

设置

var flagcoll=true在<代码>$（窗口）之前。滚动

像

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

设置

var flagcoll=true在<代码>$（窗口）之前。滚动

像

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

设置

var flagcoll=true在<代码>$（窗口）之前。滚动

像

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});

设置

var flagcoll=true在<代码>$（窗口）之前。滚动

像

var flagcroll=true；
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y<30&&y>20&&flagscroll==true）{
flagscroll=false；
$（'[data label=“SearchPanel”]'）。设置动画（{
顶部：“-=34px”，
}, 200 );
}
});