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