<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网站(聊天工具栏)上看到有效的固定位置。

要么
你可以参考

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

关于html - 为什么在我将position:fixed固定到 body 时,窗口不会跳跃或滚动?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17207727/

10-13 00:18