javascript - 灰色滚动条触发鼠标事件

Question

只要有鼠标事件，我的网页上就会出现一个灰色的滚动条。页面上有几个按钮，单击它们或将鼠标悬停/移出可切换滚动条的出现或消失。我不知道为什么。拖动可拖动区域时，它会在鼠标移动时非常快速地来回切换。在 Chrome 上使用检查元素工具时，我没有看到任何 css 更改。

有没有人以前遇到过这个问题或者知道为什么会这样？

编辑: 滚动条:

Answer 1

如果您知道内容永远不会超过容器的大小，那么您可以使用 css 完全摆脱滚动条

#yourContainerID {
  overflow-y: hidden;
}

如果您仍然希望在必要时有一个滚动条，您可以通过编程方式插入一个。

var yourContainer = document.getElementById('yourContainerID');
if (yourContainer.offsetHeight < yourContainer.scrollHeight) {
  $('#yourContainerID').css('overflow-y', 'scroll');
} else {
  $('#yourContainerID').css('overflow-y', 'hidden');
}