<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
        問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
        當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

        如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面

        來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 20:13:09
        文檔

        如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面

        如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面:舉例: 京東手機(jī)版頁(yè)面 產(chǎn)品列表 首先 定義頁(yè)面滾動(dòng)事件 scroll 綁定函數(shù)$(window).on("scroll", function() { scrollFunction(); })然后定義函數(shù) scrollFunction()function scrollFunction() { var e
        推薦度:
        導(dǎo)讀如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面:舉例: 京東手機(jī)版頁(yè)面 產(chǎn)品列表 首先 定義頁(yè)面滾動(dòng)事件 scroll 綁定函數(shù)$(window).on("scroll", function() { scrollFunction(); })然后定義函數(shù) scrollFunction()function scrollFunction() { var e
        舉例:
        京東手機(jī)版頁(yè)面 產(chǎn)品列表
        這里寫(xiě)圖片描述
        首先 定義頁(yè)面滾動(dòng)事件 scroll 綁定函數(shù)

        $(window).on("scroll", function() {
         scrollFunction();
        })

        然后定義函數(shù) scrollFunction()

        function scrollFunction() {
         var e = $("#page-num");
         e.scrollTop = $(window).scrollTop();
         e.scrollStar = e.scrollEnd;
         e.scrollEnd = $(window).scrollTop(); // 分頁(yè)顯示
         if (e.scrollStar != e.scrollEnd) { // 當(dāng)滾動(dòng)的時(shí)候 顯示分頁(yè)信息 顯示1秒
         setTimeout(function() {
         e.hide();
         }, 1000); 
         var j = null; 
         var l = $(window).height(); 
         var d = $(window).scrollTop(); // 新頁(yè)的產(chǎn)品列表 頁(yè)數(shù)寫(xiě)在 li 標(biāo)簽里 然后循環(huán)所有的這個(gè)標(biāo)簽 
         p_lis = $("#goods-ul").find("li");
         p_lis_size = p_lis.size(); 
         for(var ss= 0; ss < p_lis_size; ss++){
         f = $(p_lis[ss]); 
         var k = f.offset().top; // 這個(gè)元素(相對(duì)于文檔)的 偏移距離
         // 偏移距離 大于windows 滾動(dòng)距離 且 小于滾動(dòng)距離+頁(yè)面高度 的用來(lái)當(dāng)作當(dāng)前頁(yè)數(shù)
         if (k >= d && k < (d + l)) {
         j = f.attr("data-page");
         }
         } if(j){
         $("#currentPage").text(j);
         }
        
         e.show();
         }
        
        }

        頁(yè)面每個(gè)元素 樣例:
        這里寫(xiě)圖片描述

        聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面

        如何用js和jquery實(shí)現(xiàn)無(wú)限加載頁(yè)面:舉例: 京東手機(jī)版頁(yè)面 產(chǎn)品列表 首先 定義頁(yè)面滾動(dòng)事件 scroll 綁定函數(shù)$(window).on("scroll", function() { scrollFunction(); })然后定義函數(shù) scrollFunction()function scrollFunction() { var e
        推薦度:
        • 熱門(mén)焦點(diǎn)

        最新推薦

        猜你喜歡

        熱門(mén)推薦

        專(zhuān)題
        Top
        主站蜘蛛池模板: 亚洲人成图片网站| 久久亚洲AV无码精品色午夜麻豆| 亚洲乱色伦图片区小说| 四虎1515hh永久久免费| 亚洲一本之道高清乱码| 91在线视频免费看| 亚洲色成人四虎在线观看 | 亚洲av无码有乱码在线观看| 成人免费午间影院在线观看| 久久精品国产亚洲av天美18| 又大又粗又爽a级毛片免费看| 又粗又长又爽又长黄免费视频| jlzzjlzz亚洲乱熟在线播放| 在线毛片片免费观看| 亚洲三级电影网址| 免费专区丝袜脚调教视频| 亚洲精品无码专区| 亚洲日韩在线中文字幕第一页| 国产成人无码免费网站| 亚洲国产一区在线| 免费特级黄毛片在线成人观看| 美女被免费网站视频在线| 中文字幕中韩乱码亚洲大片| 免费国产黄网站在线观看| 亚洲国产精品综合久久久| 日韩免费视频播播| a毛片视频免费观看影院| 亚洲人和日本人jizz| 无码欧精品亚洲日韩一区夜夜嗨 | 亚洲一区无码精品色| 免费播放一区二区三区| 亚洲最大av资源站无码av网址| 亚洲国产一区视频| 1000部国产成人免费视频| 污网站在线免费观看| 亚洲伦理一区二区| 国产大片91精品免费看3| 日韩精品在线免费观看| 亚洲精品无码成人片久久不卡| 亚洲精品乱码久久久久久自慰| 国拍在线精品视频免费观看|