需要Javascript参数帮助

我有一个函数：

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

$（函数（）{
$（窗口）。滚动（功能（e）{
var sl=$（this.scrollLeft（）；
var lbl=$（“#航路点”）；
如果（sl>0）{
lbl.show（“”）；
}
否则{
lbl.hide（）；
}
如果（sl>750）{
html（“现在超过750
”；
}
如果（sl>1000）{
html（“现在超过1000
”；
}
});

}))

当我滚动浏览器窗口时，它会工作。但我需要对其进行调整，以便将其设置为一个div（#main），该div在另一个div（.content）内滚动，该div具有固定的宽度并启用css溢出

我试过

$（#main）.滚动（函数（e）{

没有乐趣

---

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

我看不出这里有什么问题-它正在工作（我的意思是滚动事件被触发，正如您可以从正在更改的scrollLeft值中看到的那样）

尝试更改为类：

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

$（函数（）{
$（'.content'）。滚动（函数（e）{
var sl=$（this.scrollLeft（）；
var lbl=$（“#航路点”）；
如果（sl>0）{
lbl.show（）；
}
否则{
lbl.hide（）；
}
如果（sl>750）{
html（“现在超过750
”；
}
如果（sl>1000）{
html（“现在超过1000
”；
}
});
});​

---

这里有一个

它应该是垂直滚动的？你能发布一些HTML或小提琴吗？我猜你只缺少撇号

$（'#main'）。滚动（…

似乎是一个简单的修复方法。你也可以将它重新排序为：

如果（sl>1000）{…}如果（sl>750）{…}，以防止重复覆盖；-）谢谢斯塔诺。这正是我需要的。太棒了。