javascript - 我如何编写 JQuery 代码,以便当我滚动到某个元素时,导航栏出现在顶部,当我向上滚动到该元素时,导航栏消失

标签 javascript jquery html css

我有一个名为 #menu 的 div,当我滚动到元素 #section3 时我想显示它,如果我再次向上滚动到该元素,我想要 #menu 消失

我该如何编码?

最佳答案

也许是这样的?

scrolled = "no"
$(window).scroll(function(){
scr = $("body").scrollTop();
if (scr > 100 && scrolled == "no"){
$("#menu").css({"display:block"})
displayed = "yes"
}
if (displayed == "yes" && scrolled = "yes"){
$("#menu").css({"display:none"})
}
});

以上假定#section3 位于页面下方 100 像素处。如果您不知道它会在页面上的什么位置,那么您可以使用此处概述的方法: Trigger event when user scroll to specific element - with jQuery

关于javascript - 我如何编写 JQuery 代码,以便当我滚动到某个元素时,导航栏出现在顶部,当我向上滚动到该元素时,导航栏消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37801199/

相关文章:

javascript - JQuery 包含不工作的多个 li

JQuery-顺时针和逆时针旋转一个div

html - 为什么我的 HTML 不使用 CSS 中定义的最后一个样式?

javascript - Action 必须是普通对象。使用自定义中间件

javascript - 如何从 node-xmpp 请求中获取响应?

php - 如何将已经运行的 jquery ajax post 请求重用到自动完成功能?

javascript - HTML5 的 contenteditable 属性应该是 XSS 安全的吗?

jquery - 如何通过单击其中的按钮来隐藏 div

javascript - 通过原型(prototype)/构造函数从复选框输出值

javascript - 'await 0' 有什么用?