html - 滚动条防止点击图标（在图标顶部）

Question

这是一个屏幕截图：

我花了很长时间才弄清楚发生了什么。我的删除按钮不起作用，因为滚动条单击区域位于图标顶部。

我希望有一种方法可以在没有滚动条的情况下获得垃圾桶的点击/悬停功能。我宁愿不必把所有东西都推进去。

我可以完全删除滚动条并且它可以工作，但我应该能够处理这两种情况。

任何线索都会很棒。

谢谢！马特

Answer 1

您应该简单地向元素添加一些填充，以便滚动不会与图标重叠。

Answer 2

您可以添加一些填充，但使用自定义滚动条可能是最好的（虽然很烦人）。