css - 如何在 Windows 边栏小工具中启用滚动条？

Question

如果侧边栏小工具的内容超出其高度，我想让它的整个 gadgetContent div 可滚动。我可以得到一个滚动条来显示。不幸的是，每当我单击并拖动此栏时，我都会移动整个小工具。这是我的 CSS:

div#gadgetContent {
  overflow: auto;
  height: 240px;
}

有没有办法让滚动条的行为覆盖小工具的点击+拖动移动？

提前致谢!

编辑:我发现 HTML 滚动条实际上​​确实在边栏小工具中起作用。我的 g:background 元素中有一些 CSS 阻止滚动条被点击。解决问题后，HTML 滚动条开始按照我预期的方式工作。

Answer 1

您可以为 div 设置一个空的 onclick 处理程序，但随后将阻止元素的整个内容拖动，而不是只是滚动条。

最好的方法是创建自己的滚动条或使用现有的库(例如 this one)。这样，您就可以将适当的事件处理程序应用到滚动条控件，这将在单击它们时自动防止拖动。