不支持鼠标滚轮的 JavaScript 滚动条

Question

我有一些可能可滚动也可能不可滚动的子 div。如果它是可滚动的，我希望滚动条出现。不过，我希望这些栏只能通过单击和拖动以及鼠标滚轮滚动父 div 来使用。我一直在研究一些 jquery 滚动条插件，但它们都支持鼠标滚轮，并且仅当达到子级的滚动限制时才允许控制父级。有谁知道jquery(或其他)插件支持这种行为？

非常感谢任何帮助

Answer 1

我相信添加鼠标滚轮事件并防止默认行为应该有效，i。

$('#child').on('mousewheel', function (e) {
    e.preventDefault();
});

如果您使用:

overflow:auto;

滚动条只会在需要时出现。

查看这个 jsFiddle example .

我希望这会有所帮助。