我有一个主要内容，并且在右侧有一个侧边栏元素。
侧边栏是固定的，包含相关信息。它应该独立于页面滚动。
侧边栏还包含可悬停的工具提示触发器，它们会打开一个相对的工具提示层，应同时对侧边栏和主要内容进行重叠。
所以基本上，我想要一个 scrollable （溢出-y：自动）和溢出（溢出-x：可见）固定层：
aside {
position: fixed;
top: 0;
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: visible;
}
我知道这是不可能的，正如这两个Stackoverflow文章所述：
一种解决方法是添加填充/边距组合，或使用x-visible和y-auto的组合包装两个div（内部/外部）。但是对于我来说，这些似乎都不起作用，因为我仍然希望鼠标事件达到主要内容。
我遇到了一个Codepen that illustrates the problems and solutions，但我无法解决该Codepen中提到的第三个问题。
那我怎么...
同时全部？