【问题标题】:How to prevent page content from shift when scroll appears? [duplicate]出现滚动时如何防止页面内容移位? [复制]
【发布时间】:2011-08-10 17:28:14
【问题描述】:

我目前正在从事关于汽车旅行的项目http://wayfi.ru

我最近遇到一个问题——出现垂直滚动后页面内容向左移动。如何预防?

据我所知,总是可以显示禁用的滚动并在必要时启用它。

你知道更好的技术来完成这个吗?

【问题讨论】:

    标签: html css scroll


    【解决方案1】:

    恐怕除了始终显示滚动条(无论是否处于活动状态)之外,我不知道有任何其他方法可以做到这一点。

    我认为最简单的方法是:

    html {
        overflow-y: scroll; 
    }
    

    这样,即使在没有滚动的页面上,也会为滚动条保留空间,并且内容不会在页面之间跳转。

    【讨论】:

    • OP 专门要求一种不涉及一直显示滚动条的方式。
    • @tw16:据我所知,没有更好的解决办法。
    • 您应该将其设置为html 而不是body 以避免边缘情况问题,例如IE7 中的this
    • @thirtydot:我同意。我一个也不认识。但我指出,OP 已经知道这个解决方案,并询问是否有更好/不同的方法来解决问题。
    • @tw16,我没有正确理解这个问题。
    猜你喜欢
    • 1970-01-01
    • 2018-06-18
    • 1970-01-01
    • 2015-10-24
    • 2017-09-24
    • 2011-11-27
    • 2014-09-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多