微信小程序 scroll-view隱藏滾動(dòng)條詳解

更新時(shí)間：2017年01月16日 15:25:05 投稿：lqh

這篇文章主要介紹了微信小程序 scroll-view隱藏滾動(dòng)條和跳轉(zhuǎn)頁面的相關(guān)資料,需要的朋友可以參考下

一：scroll-view隱藏滾動(dòng)條

在書寫網(wǎng)頁的時(shí)候，往往會(huì)為了頁面的美觀，而選擇去掉滾動(dòng)區(qū)域默認(rèn)的滾動(dòng)條，而在這里，就是為小程序去掉滾動(dòng)條的其中的一種方法：

scroll-view.wxml:

scroll-view.wxss

scroll-view.js

最終顯示效果如下;

注意：

（1）不能在scroll-view中使用textarea,mao,canvas,video組件

（2）scroll-init-view的優(yōu)先級(jí)高于scroll-top

（3）onPullDownRefresh事件，無法在scroll-view中觸發(fā)

（4）若想使用下拉刷新，一定要使用頁面的滾動(dòng)，而不是scroll-view，這樣也能通過點(diǎn)擊頂部狀態(tài)欄回到頁面頂部

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

一文詳解Electron?快捷鍵使用技巧及示例
這篇文章主要為大家介紹了Electron?中的快捷鍵使用技巧及示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
微信小程序開發(fā)之全局配置
這篇文章主要介紹了微信小程序開發(fā)之全局配置的相關(guān)資料,需要的朋友可以參考下
2017-05-05
PerformanceObserver自動(dòng)獲取首屏?xí)r間實(shí)現(xiàn)示例
今天給大家介紹一個(gè)非常好用的瀏覽器api：?PerformanceObserver?，?我們可以用它來獲取首屏、白屏的時(shí)間，就不用再麻煩地手動(dòng)去計(jì)算了
2022-07-07
JS前端輕量fabric.js系列物體基類
這篇文章主要為大家介紹了實(shí)現(xiàn)JS前端輕量fabric.js系列物體基類示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
項(xiàng)目中常用的 .env 文件原理源碼解析
這篇文章主要為大家介紹了項(xiàng)目中常用的 .env 文件原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
TS 類型兼容教程示例詳解
這篇文章主要為大家介紹了TS 類型兼容教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
Three.js實(shí)現(xiàn)雪糕地球的使用示例詳解
這篇文章主要為大家介紹了Three.js實(shí)現(xiàn)雪糕地球的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
10分鐘內(nèi)講解Npm腳本使用教程
這篇文章主要為大家介紹了10分鐘內(nèi)講解Npm腳本使用教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
JavaScript前端實(shí)用的工具函數(shù)封裝
這篇文章主要為大家介紹了JavaScript前端實(shí)用的一些工具函數(shù)的封裝，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
JavaScript執(zhí)行機(jī)制詳細(xì)介紹
這篇文章主要介紹了JavaScript執(zhí)行機(jī)制，想要搞懂JavaScript執(zhí)行機(jī)制，便與進(jìn)程與線程的概念脫不了干系，下面我們就來看看這JavaScript執(zhí)行機(jī)制的具體介紹吧,需要的朋友可以參考一下
2021-12-12