东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
19
2017/01

網(wǎng)站列表頁的下拉底部實(shí)現(xiàn)加載更多的做法

發(fā)布時(shí)間:2017-01-19 09:25:16
發(fā)布者:xiangpeiyu
瀏覽量:
0

        在做手機(jī)網(wǎng)站,為了更好的用戶使用,通常不會(huì)用到帶頁碼塊的分頁去做列表頁,以便在用戶點(diǎn)擊時(shí)不會(huì)去按特別小的頁碼去實(shí)現(xiàn)瀏覽每頁,所以這里用到了ajax實(shí)現(xiàn)的下拉加載更多的做法,接下來,就是講解如何去實(shí)現(xiàn)這個(gè)效果:

    //在做之前建議先引入jquery框架庫
    $(window).scroll(function () {
          //第一步,通過jquery獲取windows對象,創(chuàng)建一個(gè)滾動(dòng)事件
        var scrollTop = $(this).scrollTop();
        //第二步,$(this)指的就是當(dāng)前window對象,
        獲取window對象滾動(dòng)條在Y軸上的滾動(dòng)距離
        var scrollHeight = $(document).height();
        //第三步,獲取文檔對象的高度
        var windowHeight = $(this).height();
        //第四步,獲取window對象的高度
        if (scrollTop + windowHeight == scrollHeight) {
            從這個(gè)三個(gè)變量的介紹就可以看出來,滾動(dòng)條到底部的條件即為scrollTop + clientHeight == scrollHeight。(兼容不同的瀏覽器)。
      //此處是滾動(dòng)條到底部時(shí)候觸發(fā)的事件,在這里寫要加載的數(shù)據(jù),或者是拉動(dòng)滾動(dòng)條的操作,下一篇將講實(shí)例操作如何,請期待....


        }
    });


關(guān)鍵詞:
返回列表