jQuery和CSS可滚动然后延长固定标头

Question

向下滚动时标题是固定的.但是,当向上滚动到顶部时,标题会分离并再次不固定.如何保持延长的固定标题？

如何编辑jQuery或CSS代码,还是可以下载插件？

以下是我的基础示例:http://www.chipotle.com/en-US/html/cultivate.html#fnd

Answer 1

以下jQuery应该完成您正在寻找的内容:

$(document).ready(function() { 

  $(window).scroll(function(e) {  
    if ($(window).scrollTop() > x) { 
      $('.stayStill').addClass("fixed");
    } else {
      $('.stayStill').removeClass("fixed");
    } 
  }); 

}); 

x(应更改为数字(即100,120等))标记当div设置为固定类时,您必须从顶部开始的像素数.一旦人回到x像素之上,通过删除固定的类,它将恢复正常.

此外,它.stayStill代表您的导航栏,或任何您想要停止的课程.

您的固定类应包含以下CSS:

position: fixed;