0 
<html>
    <head>
        <style>body{position:fixed}</style>
    </head>
    <body>
        <div style='height:30px;width:3000px'></div>
    </body>
</html>

在我设置 position:fixed 到 body 元素后，窗口不会滚动。为什么？

4

3 回答 3

2 
.element    { position:fixed; top:2%; right:2%;

上面我们将元素从视口的顶部和右侧设置为 2%。您可以永远在页面上滚动，但我们的元素仍将坚持指定的 2% 标记。您可以在 Facebook 网站（聊天工具栏）上看到有效的固定定位。

或者你可以参考

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

于 2013-06-20T07:39:09.303 回答
1

我建议你看看这篇文章。

当您使用position: fixed某些东西时，它相对于浏览器窗口定位，因此主体不会移动或滚动！

见例子它@ w3schools

于 2013-06-20T07:33:10.687 回答
0

body{position:fixed}它将适用于整个文件。取一个元素并应用相同的东西然后你可以滚动。固定位置将占用固定屏幕的 100% 宽度，因此不会滚动。

于 2013-06-20T07:34:28.147 回答