国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

scrollTop 瀑布流的關(guān)鍵點(diǎn) offsetTop

ruicbAndroid / 3160人閱讀

摘要:瀑布流的關(guān)鍵點(diǎn)瀑布流的關(guān)鍵點(diǎn)在判斷是否到達(dá)頁(yè)面底部。最主要的一個(gè)參數(shù)就是看個(gè)圖,你就明白了只要滿足這個(gè)條件,就載入新內(nèi)容最后一個(gè)元素的上邊距窗口的高度文檔上卷的高度如果滿足條件,返回關(guān)于的測(cè)試,只有在才會(huì)變化,其它不無(wú)法獲取,一直是參考

scrollTop 瀑布流的關(guān)鍵點(diǎn)

瀑布流的關(guān)鍵點(diǎn)在判斷是否到達(dá)頁(yè)面底部。

scrollTop

最主要的一個(gè)參數(shù)就是 scrollTop

看個(gè)圖,你就明白了:只要滿足這個(gè)條件,就載入新內(nèi)容

function needLoadContent() {
    // 最后一個(gè)元素的上邊距
    let lastOffsetTop = document.querySelector(".list-item:last-child").offsetTop;
    
    // 窗口的高度
    let clientHeight = window.innerHeight;
    
    // 文檔上卷的高度
    let scrollTop = document.documentElement.scrollTop;
    
    // 如果滿足條件,返回 true 
    return (lastOffsetTop < clientHeight + scrollTop);
}

關(guān)于 scrollTop 的測(cè)試, scrollTop 只有在 document.documentElement 才會(huì)變化,其它不無(wú)法獲取,一直是 0

參考

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/53862.html

相關(guān)文章

  • scrollTop 瀑布流的關(guān)鍵點(diǎn) offsetTop

    摘要:瀑布流的關(guān)鍵點(diǎn)瀑布流的關(guān)鍵點(diǎn)在判斷是否到達(dá)頁(yè)面底部。最主要的一個(gè)參數(shù)就是看個(gè)圖,你就明白了只要滿足這個(gè)條件,就載入新內(nèi)容最后一個(gè)元素的上邊距窗口的高度文檔上卷的高度如果滿足條件,返回關(guān)于的測(cè)試,只有在才會(huì)變化,其它不無(wú)法獲取,一直是參考 scrollTop 瀑布流的關(guān)鍵點(diǎn) 瀑布流的關(guān)鍵點(diǎn)在判斷是否到達(dá)頁(yè)面底部。 scrollTop 最主要的一個(gè)參數(shù)就是 scrollTop 看個(gè)圖,你就...

    cheng10 評(píng)論0 收藏0
  • 原生 JS 實(shí)現(xiàn)一個(gè)瀑布流插件

    摘要:瀑布流布局中的圖片有一個(gè)核心特點(diǎn)等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模的使用,比如花瓣網(wǎng)等等。那么接下來(lái)就基于這個(gè)特點(diǎn)開始瀑布流探索之旅。 showImg(https://segmentfault.com/img/remote/1460000013059759?w=640&h=280); 瀑布流布局中的圖片有一個(gè)核心特點(diǎn) —— 等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模...

    Alfred 評(píng)論0 收藏0
  • 原生 JS 實(shí)現(xiàn)一個(gè)瀑布流插件

    摘要:瀑布流布局中的圖片有一個(gè)核心特點(diǎn)等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模的使用,比如花瓣網(wǎng)等等。那么接下來(lái)就基于這個(gè)特點(diǎn)開始瀑布流探索之旅。 showImg(https://segmentfault.com/img/remote/1460000013059759?w=640&h=280); 瀑布流布局中的圖片有一個(gè)核心特點(diǎn) —— 等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模...

    lavnFan 評(píng)論0 收藏0
  • 原生 JS 實(shí)現(xiàn)一個(gè)瀑布流插件

    摘要:瀑布流布局中的圖片有一個(gè)核心特點(diǎn)等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模的使用,比如花瓣網(wǎng)等等。那么接下來(lái)就基于這個(gè)特點(diǎn)開始瀑布流探索之旅。 showImg(https://segmentfault.com/img/remote/1460000013059759?w=640&h=280); 瀑布流布局中的圖片有一個(gè)核心特點(diǎn) —— 等寬不定等高,瀑布流布局在國(guó)內(nèi)網(wǎng)網(wǎng)站都有一定規(guī)模...

    wenyiweb 評(píng)論0 收藏0
  • jQuery實(shí)現(xiàn)瀑布流效果

    摘要:何為瀑布流瀑布流,又稱瀑布流式布局。最早采用此布局的網(wǎng)站是,逐漸在國(guó)內(nèi)流行開來(lái)。四是服裝款式設(shè)計(jì)資訊平臺(tái)如看潮網(wǎng)等等。 何為瀑布流:   瀑布流,又稱瀑布流式布局。是比較流行的一種網(wǎng)站頁(yè)面布局,視覺表現(xiàn)為參差不齊的多欄布局,隨著頁(yè)面滾動(dòng)條向下滾動(dòng),這種布局還會(huì)不斷加載數(shù)據(jù)塊并附加至當(dāng)前尾部。最早采用此布局的網(wǎng)站是Pinterest,逐漸在國(guó)內(nèi)流行開來(lái)。國(guó)內(nèi)大多數(shù)清新站基本為這類風(fēng)格。 ...

    mumumu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<