我有这个功能:
$(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) {
没有快乐......
感谢阅读,任何帮助都会很棒。
答案 0 :(得分: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
答案 1 :(得分:0)
我不知道这里有什么问题 - 它正在运行(我的意思是滚动事件被触发,正如你可以看到正在改变的scrollLeft值)http://jsfiddle.net/DTKeX/2/