Javascript 显示/隐藏固定菜单(jQuery)

Javascript 显示/隐藏固定菜单(jQuery),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试修复标题导航并设置其动画,以便当用户从顶部滚动超过80px时,它会从浏览器窗口外弹出。然后,当用户向后滚动时,我想反转动画为什么要将其与e(通常为0)进行比较。那没有意义。如果您希望在窗口的滚动条变为80px时发生某些事情,只需使用以下代码即可。另外,请不要在animate的stop()函数中使用单个true参数 $(函数(){ $(“.peek-a-boo”).css({ 前-200名 }); $(窗口)。滚动(函数(){ 如果($(窗口).scrollTop()>80) $(“.

我正在尝试修复标题导航并设置其动画,以便当用户从顶部滚动超过80px时,它会从浏览器窗口外弹出。然后,当用户向后滚动时,我想反转动画为什么要将其与
e
(通常为
0
)进行比较。那没有意义。如果您希望在
窗口的
滚动条
变为
80px
时发生某些事情,只需使用以下代码即可。另外,请不要在
animate
stop()
函数中使用单个
true
参数

$(函数(){
$(“.peek-a-boo”).css({
前-200名
});
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()>80)
$(“.peek-a-boo”)。停止(true)。设置动画({
排名:0
}, 200);
其他的
$(“.peek-a-boo”)。动画({
前-200名
}, 200);
});
});
*{框大小:边框框;}
.peek-a-boo{位置:固定;背景色:#99f;宽度:100%;顶部:0;左侧:0;填充:5px;文本对齐:中间;}
.heighter{height:1000px;}

偷看

为什么要将其与
e
(通常为
0
)进行比较。那没有意义。如果您希望在
窗口的
滚动条
变为
80px
时发生某些事情,只需使用以下代码即可。另外,请不要在
animate
stop()
函数中使用单个
true
参数

$(函数(){
$(“.peek-a-boo”).css({
前-200名
});
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()>80)
$(“.peek-a-boo”)。停止(true)。设置动画({
排名:0
}, 200);
其他的
$(“.peek-a-boo”)。动画({
前-200名
}, 200);
});
});
*{框大小:边框框;}
.peek-a-boo{位置:固定;背景色:#99f;宽度:100%;顶部:0;左侧:0;填充:5px;文本对齐:中间;}
.heighter{height:1000px;}

偷看

为什么要将其与
e
(通常为
0
)进行比较。那没有意义。如果您希望在
窗口的
滚动条
变为
80px
时发生某些事情,只需使用以下代码即可。另外,请不要在
animate
stop()
函数中使用单个
true
参数

$(函数(){
$(“.peek-a-boo”).css({
前-200名
});
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()>80)
$(“.peek-a-boo”)。停止(true)。设置动画({
排名:0
}, 200);
其他的
$(“.peek-a-boo”)。动画({
前-200名
}, 200);
});
});
*{框大小:边框框;}
.peek-a-boo{位置:固定;背景色:#99f;宽度:100%;顶部:0;左侧:0;填充:5px;文本对齐:中间;}
.heighter{height:1000px;}

偷看

为什么要将其与
e
(通常为
0
)进行比较。那没有意义。如果您希望在
窗口的
滚动条
变为
80px
时发生某些事情,只需使用以下代码即可。另外,请不要在
animate
stop()
函数中使用单个
true
参数

$(函数(){
$(“.peek-a-boo”).css({
前-200名
});
$(窗口)。滚动(函数(){
如果($(窗口).scrollTop()>80)
$(“.peek-a-boo”)。停止(true)。设置动画({
排名:0
}, 200);
其他的
$(“.peek-a-boo”)。动画({
前-200名
}, 200);
});
});
*{框大小:边框框;}
.peek-a-boo{位置:固定;背景色:#99f;宽度:100%;顶部:0;左侧:0;填充:5px;文本对齐:中间;}
.heighter{height:1000px;}

偷看

为什么要将其与
e
(通常为
0
)进行比较。那没什么。你为什么要把它和
e
(通常是
0
)比较呢。那没什么。你为什么要把它和
e
(通常是
0
)比较呢。那没什么。你为什么要把它和
e
(通常是
0
)比较呢。那没有意义。
var e = $(window).scrollTop();
$(window).on("scroll", throttle(function() {
        var t = $(window).scrollTop();
        t > 80 ? t > e ? $(header).animate({
          top: "-150px"
        }, 200) :