Question

我一直在寻找一个示例来创建一个在页面向下滚动时保持静态的标题。完全像this example。

我查看了this one，this one等等，但未找到正常工作的示例。

提前致谢

<!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>

Answer 1

CSS position:fixed正是您所寻找的：

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

Answer 2

没有必要为此使用jQuery。这可以通过css position property轻松实现。

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

2 个答案: