检测div滚动jquery

我想检测div滚动。 这段代码的作用是检测整个窗口滚动：

$(document).ready(function() { var track_load = 0; //total loaded record group(s) var loading = false; //to prevents multipal ajax loads var total_groups = ; //total record group(s) $('#results').load("autoload_process.php", {'group_no':track_load}, function() {track_load++;}); //load first group $(window).scroll(function() { //detect page scroll if($(window).scrollTop() + $(window).height() == $(document).height()) //user scrolled to bottom of the page? { if(track_load <= total_groups && loading==false) //there's more data to load { loading = true; //prevent further ajax loading $('.animation_image').show(); //show loading image //load data from the server using a HTTP POST request $.post('autoload_process.php',{'group_no': track_load}, function(data){ $("#results").append(data); //append received data into the element //hide loading image $('.animation_image').hide(); //hide loading image once data is received track_load++; //loaded group increment loading = false; }).fail(function(xhr, ajaxOptions, thrownError) { //any errors? alert(thrownError); //alert with HTTP error $('.animation_image').hide(); //hide loading image loading = false; }); } } }); 

}）;

这是我的HTML代码。

我使用div ID，但它输出的不是两个。

Answer 1

不确定，但你可以在scroll（）函数中通过id，class等引用div：

这是一个简单的jsfiddle： http ： //jsfiddle.net/collabcoders/v2RbN/

 $(".box").scroll(function() { //.box is the class of the div $("span").css( "display", "inline" ).fadeOut( "slow" ); }); 

更新： http ： //jsfiddle.net/collabcoders/v2RbN/1/

 $("span").hide(); $(".box").scroll(function() { if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { $("span").show(); } else { $("span").hide(); } });