javascript - 如何切换粘性标题?

标签 javascript jquery

下面的代码制作了一个粘性标题,它会在您向下滚动 100 像素后显示。一旦我到达页面的下部,如何关闭粘性标题?比方说 800px?

谢谢!

$(window).scroll(function() {
if ($(this).scrollTop() > 100){  
    $('header').addClass("sticky");
  }

  else{
    $('header').removeClass("sticky");
  }
})

最佳答案

你是说这样吗?

$(window).scroll(function() {
    if ($(this).scrollTop() > 100 && $(this).scrollTop() < 800) {  
        $('header').addClass("sticky");
    } else{
        $('header').removeClass("sticky");
    }
})

关于javascript - 如何切换粘性标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36852807/

相关文章:

jquery - 使用JQuery Iframe在图片点击上显示YouTube视频弹出窗口

javascript - 如何获取动态创建的 Id 的当前值?

javascript - Canvas 响应滚动

javascript - 您如何定义未编译的语言

javascript - 从本地主机调用 api 的生产环境

javascript - sails.js 模糊错误信息。使用 xmlHttpRequest()

javascript - 我在哪里可以下载 jquery cookie 插件?

javascript - 创建一个移动栏(在导航栏内)移动到用户悬停的元素?

javascript - 如何通过 JavaScript/cheerio 从以下 html 中提取我想要的文本?

javascript - 使用 Node.js 在 Promise 之间传递值