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

}）;

滚动浏览器窗口时有哪些工作。但我需要调整它，以便设置为div（#main），它在另一个具有固定宽度和css溢出的div（.content）内滚动。

我试过$(#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/

需要Javascript参数帮助

2 个答案: