溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何判斷div滑動到底部的scroll，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
實例如下所示：
<!DOCTYPE html>
<html>
<head>
<title>判斷div滑到底部的代碼</title>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
<style type="text/css">
#scrollTest{
width:100px;
height:100px;
overflow-y: auto;//當div中y方向的內容溢出時，y軸分別顯示滾動條
border:1px solid red;
}
</style>
</head>
<body>
<div id="scrollTest">
<table>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
</tr>
</table>
</div>
</body>
</html>
<!--//事先得引入jQuery文件-->
<script type="text/javascript">
$("#scrollTest").scroll(function(){
var h = $(this).height();//div可視區域的高度
var sh = $(this)[0].scrollHeight;//滾動的高度，$(this)指代jQuery對象，而$(this)[0]指代的是dom節點
var st =$(this)[0].scrollTop;//滾動條的高度，即滾動條的當前位置到div頂部的距離
if(h+st>=sh){
//上面的代碼是判斷滾動條滑到底部的代碼
//alert("滑到底部了");
$("#scrollTest").append(111+"<br>");//滾動條滑到底部時，只要繼續滾動滾動條，就會觸發這條代碼.一直滑動滾動條，就一直執行這條代碼。
}
})
</script>以上是“如何判斷div滑動到底部的scroll”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
