css中overflow:overlay的特性 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css中overflow:overlay的特性

我在chrome的css调试器中看到有这个属性,测试了之后只有这个属性满足我的需求,可以忽略掉滚动条的宽度

查了CSS文档,也没有看到这个overlay的介绍,google了也没有相关资料

我测试了几个浏览器,safari,chrome都是可以兼容的

有谁清楚这个overflow:overlay吗?请介绍一下,感激不尽

展开
收起
杨冬芳 2016-06-06 09:47:30 9191 0
2 条回答
写回答
取消 提交回答
  • 长忆秋

    内容[溢出]显示滚动条,而且[不溢出]就不显示滚动条 不兼容火狐 下面的是我写的废话: 当你需要的时候会显示滚动条, 他和 [auto] 不同的是, auto 在你内容够放的情况下, 也会显示滚动条, 而这个 [overlay] 的好处呢就是 如果你这个东西够放, 他就不显示滚动条; 如果不够了,他就显示滚动条;

    这个在不久将来将兼容大部分浏览器. 还有这个属性在火狐是不兼容的. 这个英文的解释,就苦了一些像我这样的英文菜鸡了.一眼看下去不理解, 要一句一句的读.

    2019-11-13 17:55:47
    赞同 展开评论 打赏
  • 杨冬芳
    IT从业
    overlay is described as:
    
    Content is clipped and scroll bars are added when necessary.
    Importantly its also said only to work in Safari or Chrome (ie
    WebKit).
    
    This item on WebKit bugzilla suggest it is not long for this world in
    any case:
    
    WebKit currently has a proprietary CSS overflow value called "overlay"
    which is undocumented and as far as I can > tell from reading the code
    works exactly like "auto".
    
    We should either remove it or rename it to "-webkit-overlay".
    
    Overflow: overlay doesn't work in firefox
    2019-07-17 19:27:40
    赞同 展开评论 打赏
问答标签:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载