Javascript 如何确定滚动条上或元素中的任何其他位置是否发生鼠标按下事件？

我有一个HTML div，它用作包含许多对象的画布

在这个画布中，用户可以用鼠标画一个矩形来选择对象。我的实现中有一个缺陷：如果画布太大并且出现滚动条，拖动滚动条也会绘制一个选择矩形

有什么好方法可以区分鼠标在滚动条上向下移动，以及鼠标在组件上的任何其他位置向下移动

编辑：我不是问如何删除滚动条。需要时我需要它们

---

编辑：这里有一个小提琴来重现我正在处理的问题：

这个提琴非常有用，因为我觉得你在使用

元素。。。我想这就是你想要的：

为此，我添加了一个

.scroll

事件到

$（'#canvas'）

，并将

upHandler

作为处理程序，如下所示：

$('#canvas').scroll(upHandler);

---

密码？你可以用上面提到的cssAs@Ties解决这个问题，你可能只需要设置

overflow:hidden。这样就不会出现滚动条@但我希望滚动条在需要时出现。我将更新此问题，使其更详细clear@Ties我不想删除滚动条。我不知道css如何帮助我知道用户是否点击了滚动条。代码在这里是不相关的。我只是在寻找一个想法来构建我的解决方案。有没有什么方法可以包含代码以便我们可以更深入地了解？哦，对不起，误解了。非常简单的解决方案，谢谢。