尝试使用jquery.mousewheel触发滚动事件

时间:2012-10-22 16:05:01

标签: javascript triggers scroll mousewheel

使用jquery.mousewheel触发滚动事件时遇到了一些麻烦。我想“扩展”#bio-content-container的滚动事件,以便在滚动#bio-slider-container时触发。 我正在使用以下代码:     

var lastScrollTop = 0;      
$("#bio-content-container").scroll(function () {
    var st = $(this).scrollTop();
    if (st > lastScrollTop){
        scroll('Down');
    } else {
        scroll('Up');
    }
    lastScrollTop = st;
});

jQuery(function($) {
    $('#bio-slider-container')
        .bind('mousewheel', function(event, delta) {
            $("#bio-content-container").trigger('scroll');
            return false;
    });
});

我不想在#bio-slider-container上触发滚动,这就是我使用鼠标滚轮的原因。任何帮助将不胜感激:))

1 个答案:

答案 0 :(得分:3)

如果我理解正确,当您在#bio-slider-container上使用鼠标滚轮时,您想要滚动#bio-content-container的内容。您可能想查看jquery.scrollTo插件。此代码适用于我(没有看到您的HTML):

$(document).ready(function () {

    $('#bio-slider-container').bind('mousewheel', function (event, delta) {
        var content = $("#bio-content-container");
        if (delta < 0) {
            content.scrollTo("+=10");
        } else {
            content.scrollTo("-=10");
        }
    });

});