javascript - 需要 Javascript 参数帮助

Question

我有这个功能：

$(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) {没有快乐...

感谢阅读，任何帮助都会很棒。

Answer 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

Answer 2

我看不出这里有什么问题 - 它正在工作（我的意思是滚动事件被触发，正如你可以通过 scrollLeft 值看到的那样）http://jsfiddle.net/DTKeX/2/