我在Mac OS 10.13.5（High Sierra）上使用Chrome ver 72。我发现了有关Chrome浏览器水平栏的一个有趣事实。 假设您有“容器”元素，该元素应该具有两个滚动条（溢出设置为“自动”）。 当容器具有水平条时，当鼠标指针位于容器上时，我可以使用触控板滚动：当滚动停止时，水平条通常会消失（这是默认行为）。但是，如果指针在滚动条区域上，则您向左或向右滚动，即使我专注于容器外部的其他元素，滚动条也不会消失（即使我关注容器外部的其他元素，也请参见https://www.evernote.com/l/AQ9b16bApwZPeJ6e_mhtHMrd_w12lWYsOBY的屏幕截图）。
发生这种情况时，滚动条将显示在其他元素的顶部。 （请参见此处https://www.evernote.com/l/AQ94HCJjcKtHqqtf8nXS4mRSThks2M3dh0U）
是否有任何方法可以使滚动条显示在其他元素的下面？或者换句话说，有没有办法使滚动条显示在（本机）滚动条的顶部？
我试图使用::-webkit-scrollbar来更改滚动条的z-index；在悬停/焦点上显示/隐藏滚动条，具有不透明度，可见性，显示属性，但无济于事。 另一个想法是将容器溢出隐藏起来，并在悬停/聚焦时变为“自动”，但这不符合我的需求。