better-scroll的使用

在平利等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營(yíng)銷(xiāo)型網(wǎng)站,外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè),平利網(wǎng)站建設(shè)費(fèi)用合理。

由于需要在一個(gè)固定的的高度做無(wú)限滾動(dòng)，本來(lái)css的overflow-y也可以完成的，奈何安卓不是很流暢，還很生硬，就是用了第三方庫(kù)better-scroll，配合angular的ng-content。angular的ng-content和vue的插槽很像，里面一些不確定的內(nèi)容可以通過(guò)ng-content投影進(jìn)去。

安裝better-scroll

1: npm install better-scroll --save

2: 安裝types npm install better-scroll @types/better-scroll --save

3：在angular-cli里面引入

listscroll組件的編寫(xiě)

根據(jù)官方的文檔可以看出，better-scroll對(duì)dom的結(jié)構(gòu)是有要求的，最外層的wrapper那一層是需要固定高度的，里面那一層content是根據(jù)內(nèi)容的高度來(lái)?yè)纹鸬摹?/p>

html部分：

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章名稱：Angular中使用better-scroll插件的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://weahome.cn/article/jodos.html