滚动条仅在镶边

Question

我有一个绝对定位的div，其上定义了z-index。在此div中，有一个固定的孩子div，其上也定义了z-index。我希望固定的div位于他的父母之上。

在所有其他浏览器中，这呈现正常，但在父div具有滚动条时在chrome中，它显示在其子项的顶部。 Here是CodePen。

在我的情况下，在父transformX(0)上添加div将无济于事，因为子div将限制在父级中。对此有任何帮助非常感谢。我只在Chrome帮助论坛中找到了this issue，但尚未得到解答。

Answer 1

使用webkit引擎应用z-index。希望它能解决问题

.abs::-webkit-scrollbar {
 z-index:10;
}