使用JQuery判断DIV滚动条是否到底

<
html
>



<
script 
src
="jquery-1.4.2.min.js"
></
script
>



<
script
>


$(document).ready(
function
 (){

    $(
"
#div1
"
).scroll(
function
(){$(
"
#span1
"
).html($(
"
#div1
"
).scrollTop())

        
if
($(
"
#div1
"
).height()
+
$(
"
#div1
"
).scrollTop()
>=
$(
"
#div2
"
).height())

            alert(
"
滚动条到底了
"
);    });

});


</
script
>



<
body
>



<
div 
id
="div1"
 style
="overflow-y: auto;overflow-x: hidden; height:500px;"
>



<
div 
id
="div2"
 style
="background-color:red; height:600px;"
>



</
div
>



</
div
>



<
span 
id
="span1"
><
span
>



</
body
>



</
html
>