首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >垂直滚动条绝对位置

垂直滚动条绝对位置
EN

Stack Overflow用户
提问于 2011-08-09 16:04:35
回答 4查看 26.9K关注 0票数 8

有没有办法让一个跨浏览器的垂直滚动条有一个绝对位置?

我的问题是,滚动条改变了我的网站的宽度时,显示了一些问题,在我的布局。

我不想删除它,我只想让它的宽度不影响我的布局。

谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-08-09 19:26:15

若要在滚动条出现时阻止布局移动,可以使用下面的css始终使滚动条可见。

代码语言:javascript
运行
AI代码解释
复制
html{
    overflow-y: scroll;
}
票数 11
EN

Stack Overflow用户

发布于 2015-12-29 01:16:52

仅限于Safari和Chrome (即Webkit),您还可以使用:

代码语言:javascript
运行
AI代码解释
复制
html{
    overflow-y: overlay;
}

它只会在必要时添加滚动条,并将其放在您的内容之上,这意味着它不会干扰您的布局。但要小心使用,它是专有的,没有文档记录。

票数 39
EN

Stack Overflow用户

发布于 2020-07-16 21:32:32

由于没有人提到它,如果你想在overlay可用时使用它(例如,Chrome & Safari),当它不可用时回退到scroll,你可以使用以下方法。

代码语言:javascript
运行
AI代码解释
复制
html {
  overflow-y: scroll;
  overflow-y: overlay;
}
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6999257

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档