当页面向下滚动时，jquery头将保持静态_Jquery

当页面向下滚动时，jquery头将保持静态

jquery

当页面向下滚动时，jquery头将保持静态,jquery,Jquery,我正在寻找一个例子来创建一个标题，当页面向下滚动时，它将保持静态。一模一样我看了一些，但没有找到正确的工作示例提前谢谢 <!DOCTYPE html> <html> <head> <style> #header { height: 100px; background:#EEEEEE; } #footer { height: 100px; background:#EEEEEE; } #content { he

我正在寻找一个例子来创建一个标题，当页面向下滚动时，它将保持静态。一模一样

我看了一些，但没有找到正确的工作示例

提前谢谢

<!DOCTYPE html> 
<html> 

<head>
    <style>
    #header { height: 100px; background:#EEEEEE; }
    #footer { height: 100px; background:#EEEEEE; }
    #content { height: 1000px; background:#CCCCCC; }
    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
</head>
<body>

    <div id="container">
      <div id="header">Header</div>
      <div id="content">Content</div>
      <div id="footer">Footer</div>
    </div>

</body> 
</html>


#标题{高度：100px；背景：#EEEEEE；}
#页脚{高度：100px；背景：#EEEEEE；}
#内容{高度：1000px；背景：#cccc；}
标题
内容
页脚

CSS

位置：固定的

是您正在寻找的：

 #header { height: 100px; background:#EEEEEE;top:0;left:0;position:fixed }

没有必要为此使用jQuery。这可以很容易地用实现