亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

簡單typescript+rollup.js開發(fā)的上下滑動(dòng)觸發(fā)指定動(dòng)作庫cdd-scroller

darkbug / 903人閱讀

摘要：這是個(gè)移動(dòng)端和端通用的檢測滑動(dòng)的庫。即在滑塊在一定范圍內(nèi)到達(dá)頂部或者打到底部，亦或者二者均可的觸發(fā)指定函數(shù)。離開觸頂觸底觸發(fā)函數(shù)。集成節(jié)流閥，可設(shè)置頻率，提高性能。默認(rèn)值等于節(jié)流閥模式。防抖減少頻率節(jié)流閥的頻率，默認(rèn)為。

cdd-scroller

tags: scroller

這是個(gè)移動(dòng)端和pc端通用的檢測滑動(dòng)的庫。

傳送門

npm

github

功能

觸頂/觸底的觸發(fā)函數(shù)。
即：在滑塊在一定范圍內(nèi)到達(dá)頂部或者打到底部，亦或者二者均可的觸發(fā)指定函數(shù)。

離開觸頂/觸底觸發(fā)函數(shù)。
有些情況我們不僅需要滑塊觸頂或者觸底，在滑塊離開二者的一定范圍時(shí)也需要觸發(fā)一些函數(shù)。

設(shè)置觸頂/觸底的閾值。

集成節(jié)流閥，可設(shè)置頻率，提高性能。

用法 
scroller({
    fElement:dom,
    threshold?:,
    arrived:,
    unarrived:,
    up?:,
    down?:,
    modal?:"debounce"/"throttle",
    frequency?:250
})

往 scroller中添加一個(gè)對象即可

fElement: 父元素對象

threshold: 默認(rèn)的到達(dá)底部的閾值，比如默認(rèn)值20，也就是說在到達(dá)底部的20px范圍呢可觸發(fā)arrived函數(shù)。

arrived:達(dá)到頂部或者底部的觸發(fā)函數(shù)

unarrived:離開頂部或者底部的觸發(fā)函數(shù)

up:閾值，如果設(shè)置則觸發(fā)下拉到達(dá)頂部的函數(shù)（默認(rèn)為null)

down:閾值，如果設(shè)置則為到達(dá)底部的閾值。（默認(rèn)值等于threshold

modal:節(jié)流閥模式。debounce：防抖；throttle:減少頻率;

frequency:節(jié)流閥的頻率，默認(rèn)為250。

例子

html





  
  
  
  Document
  




  


    

      
項(xiàng)目_1

      
項(xiàng)目_2

      
項(xiàng)目_3

      
項(xiàng)目_4

      
項(xiàng)目_5

      
項(xiàng)目_6

      
項(xiàng)目_7

      
項(xiàng)目_8

      
項(xiàng)目_9

      
項(xiàng)目_10

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/89781.html

相關(guān)文章

  • 用typescript開發(fā)手勢庫 - (1)web開發(fā)常用手勢有哪些?

    這只是個(gè)開頭 說在最前面,本文是一個(gè)系列文章的開頭, 這個(gè)系列里我會(huì)講如何用typescript開發(fā)一款支持pc和手機(jī)端的手勢庫any-touch, 以及通過jest讓你的代碼測試覆蓋率100%. showImg(https://segmentfault.com/img/bVbp3B0?w=936&h=246); 目錄 用TypeScript開發(fā)手勢庫 - (2)tsconfig.json & r...

    raise_yang 評論0 收藏0

  • Jquery就是這么簡單

    摘要：在內(nèi)部還是調(diào)用這些方法。對象下標(biāo)，從開始對象下標(biāo)，從開始再次重申對象只能調(diào)用對象的，對象只能調(diào)用對象的對象轉(zhuǎn)成值得注意的是在腳本內(nèi)，是代表對象的。對象轉(zhuǎn)成對象語法也非常簡單在內(nèi)寫上對象，就變成了對象了。在文檔中對它的解釋是這樣子的。 什么是Jquery？ Jquey就是一款跨主流瀏覽器的JavaScript庫，簡化JavaScript對HTML操作 就是封裝了JavaScript，能夠...

    wpw 評論0 收藏0

  • Jquery就是這么簡單

    摘要：在內(nèi)部還是調(diào)用這些方法。對象下標(biāo)，從開始對象下標(biāo)，從開始再次重申對象只能調(diào)用對象的，對象只能調(diào)用對象的對象轉(zhuǎn)成值得注意的是在腳本內(nèi)，是代表對象的。對象轉(zhuǎn)成對象語法也非常簡單在內(nèi)寫上對象，就變成了對象了。在文檔中對它的解釋是這樣子的。 什么是Jquery？ Jquey就是一款跨主流瀏覽器的JavaScript庫，簡化JavaScript對HTML操作 就是封裝了JavaScript，能夠...

    oogh 評論0 收藏0

  • [譯]教程：如何使用Rollup打包樣式文件并添加LiveReload

    摘要：通過這個(gè)教程學(xué)習(xí)如何使用打包工具配合來取代或處理樣式文件。使用這個(gè)命令安裝插件更新。如果你沒有項(xiàng)目的副本，你可以通過這條命令克隆在結(jié)束這個(gè)狀態(tài)下的項(xiàng)目為添加監(jiān)聽插件。在代碼塊內(nèi)，添加如下內(nèi)容簡單起見我省略了文件的大部分內(nèi)容 通過這個(gè)教程學(xué)習(xí)如何使用JavaScript打包工具Rollup配合PostCSS來取代Grunt或Gulp處理樣式文件。 上一篇文章中，我們完成了使用Rollup...

    garfileo 評論0 收藏0

發(fā)表評論

0條評論

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