1

「上」「下」ボタンにカーソルを合わせると「コンテンツスクロール」デモ：http: //jsfiddle.net/s5mgX/1657/

私の質問は、そのコンテンツ領域でマウスをスクロールするときに「コンテンツスクロール」が必要ですか?

var step = 25;
var scrolling = false;

// Wire up events for the 'scrollUp' link:
$("#scrollUp").bind("click", function(event) {
    event.preventDefault();
    // Animates the scrollTop property by the specified
    // step.
    $("#content").animate({
        scrollTop: "-=" + step + "px"
    });
}).bind("mouseover", function(event) {
    scrolling = true;
    scrollContent("up");
}).bind("mouseout", function(event) {
    scrolling = false;
});


$("#scrollDown").bind("click", function(event) {
    event.preventDefault();
    $("#content").animate({
        scrollTop: "+=" + step + "px"
    });
}).bind("mouseover", function(event) {
    scrolling = true;
    scrollContent("down");
}).bind("mouseout", function(event) {
    scrolling = false;
});

function scrollContent(direction) {
    var amount = (direction === "up" ? "-=1px" : "+=1px");
    $("#content").animate({
        scrollTop: amount
    }, 1, function() {
        if (scrolling) {
            scrollContent(direction);
        }
    });
}

ありがとう

4

1 に答える 1

1

必要なのはjQuery Mousewheelプラグインです。

ここからダウンロードできます：

https://github.com/brandonaaron/jquery-mousewheel

jQueryページヘッダーの通常のライブラリの後に参照を追加するだけです。

于 2013-07-26T09:25:44.450 に答える