Html 滚动条防止点击图标（位于图标顶部）

这是一个屏幕截图：

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

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

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

任何线索都很好

谢谢！

---

Matt

您只需在元素中添加一些填充，这样滚动条就不会与图标重叠。

您可以添加一些填充，但最好使用自定义滚动条。

不使用

填充
或
边距
。填充/边距在这里最有意义。另外两个选项包括：删除自定义滚动条（浏览器滚动条不会阻止单击），或更改单击发生的位置（即：根据目标平台，滑动右键或右键单击上下文菜单）。我试图避免这种情况，因为滚动条只需在滚动时出现。（如果在mac上，lion+）尝试将此页面缩小，并将鼠标悬停在“相关”链接上。你会注意到它们仍然可以点击，即使我们在滚动区域。滚动和悬停时，滚动条的悬停事件优先。现在我正在查看自定义滚动条路径，因为这在其他地方可能会有问题。对不起，DMOS，这是Mac上的默认滚动条。他们是以设计为导向的。这应该是一个评论，而不是一个答案。对不起，我没有足够的代表发表评论，但我尝试了。我们都在那里，只回答你能回答的，直到你能发表评论。基本上，滚动条覆盖了垃圾桶，所以它不可点击（除了右边的一点点）。寻找更多的技术，而不是特定的代码。