当我在页面之间导航时,我试着弄清楚为什么我的网页移动了几个像素,我把头发拉了大约30分钟。我终于意识到这是因为在较长的页面上正确的滚动条弹出并移动了东西。
我找到了一个如下解决方案。
body{
overflow: scroll;
}
这会强制每个页面都有一个滚动条,因此滚动条的外观/消失不会在您浏览网站时来回挤压页面的元素。
有没有更好的方法来实现我想要的而不在右侧渲染无用的滚动条?我想你可以将没有很长内容的页面偏移几个像素来补偿,但是看起来你必须跟踪哪些页面是一定长度,并根据多少来切换CSS他们所拥有的内容非常烦人。
感谢您的任何建议:)
答案 0 :(得分:3)
可悲的是,我认为强制滚动条显示是避免页面移动的唯一方法...只尝试“overflow-y”,因为你不需要horizintal滚动条