4

jquery.mousewheel を使用してスクロール イベントをトリガーするのに問題があります。#bio-slider-container をスクロールしたときにトリガーする #bio-content-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 でスクロールをトリガーしたくないので、マウスホイールを使用しています。どんな助けでも大歓迎です:)

4

1 に答える 1

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");
        }
    });

});
于 2012-10-22T18:09:17.467 に答える