我有一个带有半透明边栏的页面，其中;with a as
(
select branchid, customer, sum(totalsales) as jan_totalsales from tableA
where year = 2019 and month = 1
group by customer, branched
), feb as
(
select branchid, customer, sum(totalsales) as feb_totalsales from tableA
where year = 2019 and month = 2
group by customer, branched
)
select a.branchid, feb.branchid, a.jan_totalsales, feb.feb_totalsales
from a
left join feb on feb.branchid = a.branchid
覆盖了页面的其余部分。该页面具有滚动条，但是当光标位于侧边栏上方时，滚轮将无法工作。
当我查找此问题时，我遇到了一些示例，其中似乎没有任何额外的努力，例如以下示例：https://www.w3schools.com/cssref/tryit.asp?filename=trycss_position2。但是我只是找不到为什么在我的情况下不起作用。
这是我的代码：
https://jsfiddle.net/c90zo62s/4/ （之所以摆弄是一个小提琴，是因为stackoverflow一直拒绝片段，而在预览中完全没问题）
因此，当将鼠标悬停在黄色区域时，我仍然希望Lorem ipsum位滚动，但不是。
PS：我不想使用position: fixed;，因为它有太多这种情况下不希望出现的副作用
答案 0 :(得分：1)
我终于找到了解决方法。
滚动内容位于带有overflow: auto;的div中。该div实际上确实覆盖了整个屏幕，因此位于固定的侧边栏后面。现在，我删除了这个div，并将<body>设置为滚动元素。显然这就是全部。
但是后来我仍然不完全理解为什么底层div不能滚动通过固定元素，而主体可以...