jquery判斷滾動條是否到底部的方法

小編給大家分享一下jquery判斷滾動條是否到底部的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

為阿壩州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及阿壩州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站設(shè)計、阿壩州網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

jquery判斷滾動條是否到底部的方法：1、使用【scrollTop()】方法，jQuery檢測瀏覽器window滾動條到達底部；2、使用【scroll_div】檢測動條到達底部事件。

jquery判斷滾動條是否到底部的方法：

一、jQuery檢測瀏覽器window滾動條到達底部

jQuery獲取位置和尺寸相關(guān)函數(shù)：

• $(document).height()    獲取整個頁面的高度

• $(window).height()    獲取當前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器窗口大小時會改變，與document是不一樣的

• scrollTop()    獲取匹配元素相對滾動條頂部的偏移。

• scrollLeft()    獲取匹配元素相對滾動條左側(cè)的偏移。

• scroll([[data],fn])    當滾動條發(fā)生變化時觸犯scroll事件

jQuery檢測滾動條到達底部代碼：

$(document).ready(function() {
  $(window).scroll(function() {
  
    if ($(document).scrollTop()<=0){
      alert("滾動條已經(jīng)到達頂部為0");
    }
  
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
      alert("滾動條已經(jīng)到達底部為" + $(document).scrollTop());
    }
  });
});

二、jQuery檢測div中滾動條到達底部

上半篇介紹了jQuery檢測瀏覽器window滾動條到達底部，其實還并不理解scrollTop和scrollHeight概念，通常滾動條都是放在div中的。

如下檢測id為scroll_div滾動條到達底部事件:

      
        來自于www.創(chuàng)新互聯(lián).cn

        來自于www.創(chuàng)新互聯(lián).cn

        來自于www.創(chuàng)新互聯(lián).cn