小程序的scroll-view用的比較多了，列表頁一般也沒管它的滾動(dòng)條，最近突然發(fā)現(xiàn)在android與ios中橫向滑動(dòng)的時(shí)候表現(xiàn)不一樣。不一樣在哪呢，ios上直接就不顯示啊，也是沒誰了。深入想了一下，這滾動(dòng)條能不能換一顏色或者換個(gè)樣式。有這沖動(dòng)就立馬著手改。

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供寧陜企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為寧陜眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

1。直接打開官方demo，仔細(xì)看了一遍官方文檔，沒有任何說明，這是官方文檔的一貫作風(fēng)。沒有一個(gè)屬性是去控制顯示/隱藏滾動(dòng)條，更別說這樣式。所以文檔是指望不上了。

2。既然是組件，那就是css來控制的。又去看一下css中的scroll的介紹，有大概如下的屬性：參考鏈接。

上圖位置<1>:-webkit-scrollbar 滾動(dòng)條整體部分。

上圖位置<2>:-webkit-scrollbar-button 滾動(dòng)條的軌道的兩端按鈕，允許通過點(diǎn)擊微調(diào)小方塊的位置。

上圖位置<3>:-webkit-scrollbar-corner 邊角，即兩個(gè)滾動(dòng)條的交匯處。

上圖位置<4>:-webkit-scrollbar-thumb  滾動(dòng)條里面的小方塊，能向上向下移動(dòng)（或往左往右移動(dòng)，取決于是垂直滾動(dòng)條還是水平滾動(dòng)條）。

上圖位置<5>:-webkit-scrollbar-track  滾動(dòng)條的軌道（里面裝有thumb）。

上圖位置<6>:-webkit-scrollbar-track-piece 內(nèi)層軌道，滾動(dòng)條中間部分（除去）。

不過也可以直接在小程序里看：

3。上面是正常css里的用法，用在小程序里該怎么用呢？一樣，在wxss中寫。

如：隱藏滑動(dòng)條：

::-webkit-scrollbar
{
width: 0;
height: 0;
color: transparent;
}

網(wǎng)頁名稱：微信小程序scroll-view的滾動(dòng)條設(shè)置實(shí)現(xiàn)-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://www.chinadenli.net/article30/doeipo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、靜態(tài)網(wǎng)站、用戶體驗(yàn)、微信公眾號(hào)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)