Question

$(".elem").on("wheel mousewheel", function(){
    // if( $(this).scrollHappens ){
    //     do something
    // } else {
    //     do something else
    // }
    //
    // how to do this?
});

我正在创建一个全屏垂直内容滑块，它在鼠标滚轮事件上滑动。现在，每张幻灯片可能都有可滚动的内容。在这种情况下，除非用户已到达可滚动内容的底部或顶部（滚动不会触发），否则我不希望silder滑动。

或者有更好的方法吗？

Answer 1

使用event.target检测您是否在滚动面板内，如果为true，则使用带有滚动面板高度的.scrollTop()以及滚动方向来检测您是否在在底部或顶部。

这是一个JSFiddle来演示：https://jsfiddle.net/g6e4fj97/2/

从mousewheel事件内部检测jQuery滚动事件

1 个答案: