微信小程序scroll-view隱藏滾動條的方法詳解
更新時間：2020年03月25日 09:45:26 作者：追逐繁星D孩子
這篇文章主要介紹了微信小程序scroll-view隱藏滾動條的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
效果圖：
1.scroll-view 中的需要滑動的元素不可以用 float 浮動使其一行展示；
2.包裹scroll-view的元素如果用 display:flex; 是沒有滾動效果的；
3.scroll-view 中的需要滑動的元素要用 dislay:inline-block; 進(jìn)行元素的橫向編排；
4.包裹 scroll-view 的元素要加上樣式–> overflow:hidden;white-space:nowrap;
5.有時候為了美觀要隱藏滾動條，需要在樣式里加上
核心代碼：
在wxss里加入以下代碼
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
scrollview屬性
總結(jié)
到此這篇關(guān)于微信小程序scroll-view隱藏滾動條的方法詳解的文章就介紹到這了,更多相關(guān)小程序scroll-view隱藏滾動條內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JS小游戲之象棋暗棋源碼詳解,對游戲源碼進(jìn)行了較為詳細(xì)的分析,并附帶完整實例代碼供大家學(xué)習(xí)參考,需要的朋友可以參考下2014-09-09
下面小編就為大家?guī)硪黄薷膌igerui 默認(rèn)確認(rèn)按鈕的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
用JS實現(xiàn)了一個拖拽排序，可因Jquery版本不同導(dǎo)致瀏覽器訪問時存在很多的問題，下面為大家介紹下具體的解決方法，感興趣的朋友可以參考下2013-10-10
js中document.referrer實現(xiàn)移動端返回上一頁
本文主要介紹了document.referrer實現(xiàn)移動端返回上一頁的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了uni-app 百度語音識別文字并展示功能實現(xiàn),本文主要寫的是 uniapp實現(xiàn)語音輸入并展示在頁面上,純前端,不涉及后端,需要的朋友可以參考下2023-12-12
Object.prototype.***不能用作在HTMLElement對象上，如本后面的抓圖所示。2008-03-03
js中的傳值方式,對于簡單類型(好比字符串和數(shù)值)就是值傳遞和引用傳遞,下面這篇文章主要給大家介紹了關(guān)于JavaScript傳參的6種方式,需要的朋友可以參考下2023-03-03
不管是java、c++、php都有相等運算符與等同運算符，當(dāng)然javasript也不例外，下面介紹一下2013-11-11
Javascript設(shè)計模式之觀察者模式的多個實現(xiàn)版本實例
這篇文章主要介紹了Javascript設(shè)計模式之觀察者模式的多個實現(xiàn)版本實例,本文給出3種實現(xiàn)版本代碼,同時給出了Jquery實現(xiàn)版本,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)無縫輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03