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

jQuery和CSS可滚动,然后延长固定标题,jquery,css,Jquery,Css,向下滚动时,标题是固定的。但是,当滚动到顶部时,标题会分离并再次取消固定。如何保持长时间固定收割台 如何编辑jQuery或CSS代码,或者如何下载插件 下面是我所基于的示例:以下jQuery应该可以完成您所寻找的功能: $(document).ready(function() { $(window).scroll(function(e) { if ($(window).scrollTop() > x) { $('.stayStill').addClass(

向下滚动时,标题是固定的。但是,当滚动到顶部时,标题会分离并再次取消固定。如何保持长时间固定收割台

如何编辑jQuery或CSS代码,或者如何下载插件


下面是我所基于的示例:

以下jQuery应该可以完成您所寻找的功能:

$(document).ready(function() { 

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

}); 
x
(应更改为一个数字(即100、120等))标记当
div设置为固定类别时,从顶部到顶部的像素数。一旦该人员返回到
x
像素以上,将通过移除固定类将其设置回正常

另外,
.statystill
将代表您的导航栏,或者您希望暂停的任何类

您的固定类应由以下CSS组成:

position: fixed;

重复谢谢,一开始找不到,但这很有帮助。是的,Lobstroity的答案是我会选择的答案。它不起作用。我希望当滚动回浏览器顶部时,横幅保持固定在浏览器顶部,这样它将稍微阻止横幅。这里找到了答案:它不工作。知道为什么吗?我将类更改为“page-header2”,这是我的类(从Twitter引导重命名),并添加了CSS。还将像素更改为100。它不工作。知道为什么吗?我将类更改为“.page-header2”,这是我的类(从Twitter引导重命名),我还添加了CSS。还将像素更改为100。标题只是固定的,并跟随滚动。它不会连接到窗口或弹出回原位;希望这会有所帮助。哇!我很惊讶你用了这么长的篇幅来给我举个例子。你这么做,我感激不尽。谢谢,谢谢,谢谢!!这完全是我的错误,但我真的很感谢你的帮助@Josh-nice,与FF配合得很好,但IE7不配合:(有任何解决方案吗?