php底部滚动代码,div滑动到底部的scroll代码详解

scroll也是一个很好用的标签，本文就为大家分享一篇判断p滑动到底部的scroll实例代码，具有很好的参考价值，希望能帮助到大家。

实例如下所示：

判断p滑到底部的代码

#scrollTest{

width:100px;

height:100px;

overflow-y: auto;//当p中y方向的内容溢出时，y轴分别显示滚动条

border:1px solid red;

}

111	222
111	222
111	222
111	222
111	222
111	222
111	222

$("#scrollTest").scroll(function(){

var h = $(this).height();//p可视区域的高度

var sh = $(this)[0].scrollHeight;//滚动的高度，$(this)指代jQuery对象，而$(this)[0]指代的是dom节点

var st =$(this)[0].scrollTop;//滚动条的高度，即滚动条的当前位置到p顶部的距离

if(h+st>=sh){

//上面的代码是判断滚动条滑到底部的代码

//alert("滑到底部了");

$("#scrollTest").append(111+"
");//滚动条滑到底部时，只要继续滚动滚动条，就会触发这条代码.一直滑动滚动条，就一直执行这条代码。

}

})

大家学完本文时候应该对scroll有一个更深的认识吧，赶紧动手尝试一下吧。

相关推荐：