如何防止滚动出现时页面内容移动?

发布于 2024-11-29 02:31:24 字数 200 浏览 0 评论 0原文

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

最近遇到了一个问题 - 页面内容发生变化出现垂直滚动后向左移动。如何防止这种情况发生?

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

您知道更好的技术来实现这一目标吗?

I am currently working on project about car travelling http://wayfi.ru and

I have encountered a problem recently - page content shifts to the left after vertical scroll appears. How to prevent this?

As I know, one could always display disabled scroll and make it enable if there is necessary.

Do you know better technique to accomplish this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

才能让你更想念 2024-12-06 02:31:24

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

我认为最简单的方法是:

html {
    overflow-y: scroll; 
}

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

I'm afraid I do not know of any other way to do this apart from always showing the scrollbar, active or not.

The simplest way I think is:

html {
    overflow-y: scroll; 
}

This way, even on pages without scrolling there is space reserved for the scrollbar and the content won't jump around between pages.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文