微信小程序scroll-view隱藏滾動條的方法詳解

更新時(shí)間：2020年03月25日 09:45:26 作者：追逐繁星D孩子

這篇文章主要介紹了微信小程序scroll-view隱藏滾動條的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

效果圖：

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.有時(shí)候?yàn)榱嗣烙^要隱藏滾動條，需要在樣式里加上

核心代碼：

在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)文章

詳解JavaScript數(shù)組的常用方法
這篇文章主要為大家介紹了JavaScript數(shù)組的常用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-11-11
js實(shí)現(xiàn)簡單選項(xiàng)卡功能
這篇文章主要為大家詳細(xì)介紹了使用JS實(shí)現(xiàn)簡單的選項(xiàng)卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
基于JavaScript實(shí)現(xiàn)數(shù)碼時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)數(shù)碼時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
JavaScript性能優(yōu)化創(chuàng)建文檔碎片(document.createDocumentFragment)
講這個(gè)方法之前，我們應(yīng)該先了解下插入節(jié)點(diǎn)時(shí)瀏覽器會做什么。
2010-07-07
微信小程序?qū)崿F(xiàn)五星評價(jià)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)五星評價(jià)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
解析JavaScript中的不可見數(shù)據(jù)類型
這篇文章主要是對JavaScript中的不可見數(shù)據(jù)類型進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JavaScript實(shí)現(xiàn)帶標(biāo)題的圖片輪播特效
這里給大家分享的是4屏帶標(biāo)題和文字描述的js圖片輪播代碼，完美兼容IE6。圖片滾動切換，鼠標(biāo)放到數(shù)字選項(xiàng)卡即可切換圖片。點(diǎn)擊圖片跳轉(zhuǎn)到指定頁面，有需要的小伙伴可以參考下。
2015-05-05
JS解密入門最終變量劫持
看到我的前幾篇文章的朋友應(yīng)該知道，前面的是10進(jìn)制，直覺解就行了，不過下面有個(gè)處理函數(shù)，你用10進(jìn)制解密出來之后還要去分析函數(shù)的功能，很不合算。
2008-06-06
詳解用場景去理解函數(shù)柯里化(入門篇)
這篇文章主要介紹了用場景去理解函數(shù)柯里化(入門篇)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
js實(shí)現(xiàn)網(wǎng)站首頁圖片滾動顯示
網(wǎng)站首頁圖片滾動顯示對于很多朋友都有很大的吸引,因?yàn)樗梢詭硪庀氩坏揭曈X沖擊效果，接下來本文也實(shí)現(xiàn)一下，感興趣的朋友可以參考下，或許對你學(xué)習(xí)js知識有所幫助
2013-02-02