我的网站既有很短的页面,也有很长的页面.由于我在视口中将其居中设置为margin: 0 auto,因此当从有滚动条的页面切换到没有滚动条的页面时,它会跳过几个像素,反之亦然.

有没有办法强制垂直滚动条始终显示,以便我的网站在浏览时保持不变?

推荐答案

给你的body标签打overflow: scroll;

body {
    overflow: scroll;
}

或者如果你只想要一个垂直滚动条,使用overflow-y

body {
    overflow-y: scroll;
}

Css相关问答推荐

为什么我不能编辑垫按钮填充?

Vue3日期 Select 器:禁用向左和向右箭头

如何使重复线性渐变适合字体大小?

Angular Material:如何同时使用2个徽章

如何使用DirectusImage标签作为背景?

如何通过重复的网格区域来简化网格布局?

如何缩小 Select 元素的背景图像?

Next.js 条件样式

Vue3 组合 api 中的对象值样式

测试响应式设计:手动拖动浏览器窗口与使用设备工具栏

如何有条件地设置元素的字体大小,只有在未明确设置父字体大小(即字体大小为继承)的情况下?

Flex & space-around 与内容相交

如何使用rvest中的 node 和类提取网页数据

为什么我的 CSS 需要一个它似乎不需要的大括号?

在同一旋转中以度数变换旋转

纯 CSS 复选框图像替换

使用 Twitter Bootstrap 使页脚粘在页面底部

使用 float:left 后如何获得新行?

Flexbox 代码适用于除 Safari 之外的所有浏览器.为什么?

height: 100% 或 min-height: 100% 用于 html 和 body 元素?