灰色滚动条在鼠标事件上切换

Question

只要有鼠标事件，我的网页上就会出现一个灰色的滚动条。页面上有几个按钮并单击它们，或鼠标悬停/切换切换滚动条以显示或消失。我不知道为什么。拖动可拖动区域时，它会在鼠标移动时来回切换。当我在Chrome上使用inspect元素工具时，我没有看到任何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');
}

Answer 2

解决方案是将15vw填充更改为％。我仍然不确定为什么它会修复它。

编辑： 同样的问题。我以不同的方式解决了它。我认为这与身体高度有关，实际上并没有占据其内容的高度，因为内容可能相对定位。我最终会建立一个简单的例子，所以我可以给遇到这个问题的其他人一个明确的答案。