美文网首页
Firefox滚动条问题

Firefox滚动条问题

作者: 绝尘kinoko | 来源:发表于2022-09-28 17:15 被阅读0次

现象:悬浮窗,宽度由内容撑开,最大高度固定,y滚动条;在Chrome下显示正常,在Firefox下有问题。
原因:Firefox在有滚动条时会将滚动条的宽度加到子元素宽度上,但父元素宽度不加;相当于parentWidth + scrollbarWidth === maxChildWidth,也就导致有样式问题,设置固定宽度都没用
解决:目前是用scrollbar-width属性将滚动条隐藏,用滚轮进行滚动


Chrome
Firefox

相关文章

网友评论

      本文标题:Firefox滚动条问题

      本文链接:https://www.haomeiwen.com/subject/upvcartx.html