Question

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

设置位置后：固定到body元素，窗口不会滚动。为什么？

Answer 1

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

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

OR 你可以参考

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

Answer 2

我建议您看一下article。

当你position: fixed相对于浏览器窗口定位它时，身体不会移动或滚动！

参见示例@ w3schools

Answer 3

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

为什么当我施加位置时窗口不会跳跃或滚动：固定在身体上？

3 个答案: