“覆盖”div内容

时间:2017-01-20 00:15:39

标签: javascript html css css3

我正在寻找与webkit浏览器中使用的overflow-y: overlay非常相似的解决方案,即在应用滚动条时不会改变div宽度,但它需要适用于每个浏览器

我正在使用叠加层,但当我发现自己开始为firefox编写hacks而ie / edge更改列表上的溢出样式以弥补不支持的叠加层时,我很快意识到我需要一个更好的解决方案。

我喜欢设置overflow-y: auto的想法,但我有一个内容网格,其格式非常精确,当添加滚动条上的几个像素时,它会混淆列表的整个布局。 ..

另一个想法是始终应用​​overflow-y: scroll并调整div宽度以支持滚动条,然后将其显示在:hover上,但我不确定这个跨浏览器的解决方案是什么样的

我见过许多适用于特定浏览器的解决方案,即

  • webkit:overflow-y: overlay;
  • ie / edge:-ms-overflow-style: -ms-autohiding-scrollbar

但是没有所有浏览器都接受的通用解决方案吗?

0 个答案:

没有答案