Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当页面滚动时使元素隐藏,但当页面变为静态时,元素再次出现_Javascript_Jquery - Fatal编程技术网

Javascript 当页面滚动时使元素隐藏,但当页面变为静态时,元素再次出现

Javascript 当页面滚动时使元素隐藏,但当页面变为静态时,元素再次出现,javascript,jquery,Javascript,Jquery,我在我的网站上添加了一个浮动操作按钮。我对JavaScript和jQuery一无所知。 我可以找到一种方法,使浮动操作按钮在窗口滚动时消失,在窗口停止滚动时出现。没有滚动停止的直接事件,但这里有一个解决方法 只是添加了一些调整,比如在滚动过程中隐藏按钮,并显示是否超过了几毫秒 $.fn.scrollEnd=函数(回调,超时){ $(this).scroll(函数(){ //隐藏按钮 $(“.floatingBtn”).hide(); var$this=$(this); if($this.dat

我在我的网站上添加了一个浮动操作按钮。我对JavaScript和jQuery一无所知。
我可以找到一种方法,使浮动操作按钮在窗口滚动时消失,在窗口停止滚动时出现。

没有滚动停止的直接事件,但这里有一个解决方法

只是添加了一些调整,比如在滚动过程中隐藏按钮,并显示是否超过了几毫秒

$.fn.scrollEnd=函数(回调,超时){
$(this).scroll(函数(){
//隐藏按钮
$(“.floatingBtn”).hide();
var$this=$(this);
if($this.data('scrollTimeout')){
clearTimeout($this.data('scrollTimeout'));
}
$this.data('scrollTimeout',setTimeout(回调,超时));
});
};
$(窗口).scrollEnd(函数(){
//如果滚动停止,则显示按钮
$(“.floatingBtn”).show();
}, 600);
.container{
高度:1200px;
}
.floatingBtn{
位置:固定;
底部:12px;
右:12px;
}

你好,世界!

尝试下面的代码。这应该行得通。在下面的代码中将元素的id替换为“YOURID”

$.fn.scrollStopped=函数(回调){
var-that=this,$this=$(that);
$this.滚动(功能(ev){
clearTimeout($this.data('scrollTimeout'));
$this.data('scrollTimeout',setTimeout(callback.bind(that),250,ev));
});
};
$(窗口).on(“滚动”,函数(e){$(“#YOURID”).hide();}).scrollStopped(函数(ev){
$(“#YOURID”).show();})







浮动按钮
非常感谢mcuh先生的帮助。这就是我一直在寻找的东西。