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

时间:2018-07-31 00:42:10

标签: jquery scroll horizontal-scrolling vertical-scrolling

注意:我有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 .:放慢滚动速度是客户的建议,它可以满足客户的要求,但这不是必需的,因为它毕竟是意外行为。

0 个答案:

没有答案