0

ページが下にスクロールされている間、静的なままになるヘッダーを作成する例を探しています。この例とまったく同じです。

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

2 に答える 2

1

CSSposition:fixedはあなたが探しているものです：

 #header { height: 100px; background:#EEEEEE;top:0;left:0;position:fixed }
于 2012-12-14T10:34:38.747 に答える
1

このためにjQueryを使用する必要はありません。これは、 csspositionプロパティを使用して簡単に実現できます。

于 2012-12-14T10:35:00.870 に答える