0

私はこの機能を持っています：

$(function() {
$(window).scroll(function(e) {
    var sl = $(this).scrollLeft();
    var lbl = $("#waypoints");
    if (sl > 0) {
        lbl.show('');
    }
    else {
        lbl.hide();
    }
    if (sl > 750) {
        lbl.html("<p>now passed 750</p>");
    }
    if (sl > 1000) {
        lbl.html("<p>now passed 1000</p>");
    }
});

}）;

ブラウザウィンドウをスクロールすると、どちらが機能しますか。ただし、固定幅でcssオーバーフローが有効になっている別のdiv（.content）内をスクロールするdiv（#main）に設定されるように調整する必要があります。

私は $(#main).scroll(function(e) {喜びを試していません...

読んでくれてありがとう、どんな助けでも素晴らしいでしょう。

4

2 に答える 2

1

クラスに変更してみてください：

$(function() {
    $('.content').scroll(function(e) {
        var sl = $(this).scrollLeft();
        var lbl = $("#waypoints");
        if (sl > 0) {
            lbl.show();
        }
        else {
            lbl.hide();
        }
        if (sl > 750) {
            lbl.html("<p>now passed 750</p>");
        }
        if (sl > 1000) {
            lbl.html("<p>now passed 1000</p>");
        }
    });
});​

これがJSFiddleです

于 2012-09-03T12:32:47.327 に答える
0

ここで何が問題なのかわかりません-動作しています（変化しているscrollLeft値でわかるように、スクロールイベントが発生することを意味します）http://jsfiddle.net/DTKeX/2/

于 2012-09-03T12:21:38.103 に答える