<html>
<head>
<style>body{position:fixed}</style>
</head>
<body>
<div style='height:30px;width:3000px'></div>
</body>
</html>
position:fixed を body 要素に設定した後、ウィンドウがスクロールしません。なぜですか?
.element { position:fixed; top:2%; right:2%;
上記では、ビューポートの上部と右側の両方から要素を 2% に設定しました。ページを永遠にスクロールできますが、要素は指定された 2% マークに固執します。Facebook Web サイト (チャット ツールバー) で固定配置が有効になっていることを確認できます。
または参照できます
http://css-tricks.com/absolute-relative-fixed-positionioining-how-do-they-differ/
body{position:fixed}
文書全体に適用されます。要素を取り、同じことを適用すると、スクロールできます。固定された位置は、固定された画面の 100% の幅を取るため、スクロールされません。