子div上的垂直滚动会阻止或减慢父div上的水平滚动

Question

注意：我有jquery.mousewheel.min.js

我已经在这里停留了一段时间。我有一个父级.container div，其行为会水平滚动。内部有一些div元素，需要垂直滚动。我不知道在滚动子.container元素时如何停止div div滚动。实际上，我真正想要实现的是.container div在子div子元素之一滚动时更缓慢地滚动。

我的HTML如下：

<div class="container">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

我的jQuery如下：

$(".container").mousewheel(function(event, delta) {
    this.scrollLeft -= (delta * 20);
    event.preventDefault();
});

$(".child").mousewheel(function(event, delta) {
    this.scrollTop -= (delta * 40);
    event.preventDefault();
});

由于jQuery很简单，因此所有元素都会按预期滚动。但是我希望.container div在.child元素滚动时完全停止滚动，或者放慢滚动速度。我仍然不停使用jQuery。我该如何实现？

P.S .：放慢滚动速度是客户的建议，它可以满足客户的要求，但这不是必需的，因为它毕竟是意外行为。