微信小程序 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)文章

arcgis?js完整懸停效果實(shí)現(xiàn)demo
這篇文章主要為大家介紹了arcgis?js完整懸停效果實(shí)現(xiàn)demo詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
原生js實(shí)現(xiàn)鼠標(biāo)滑過播放音符方法詳解
本文使用原生js的AudioContext接口實(shí)現(xiàn)一個(gè)劃過菜單播放天空之城的鼠標(biāo)特效,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
JS前端html2canvas手寫示例問題剖析
這篇文章主要為大家介紹了JS前端html2canvas手寫示例問題剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
微信小程序開發(fā)之全局配置
這篇文章主要介紹了微信小程序開發(fā)之全局配置的相關(guān)資料,需要的朋友可以參考下
2017-05-05
JavaScript原型Prototype詳情
這篇文章主要介紹了JavaScript原型Prototype，在JavaScript中，函數(shù)是一個(gè)包含屬性和方法的Function類型的對(duì)象。而原型（Prototype?）就是Function類型對(duì)象的一個(gè)屬性。具體內(nèi)容需要的朋友可以參考下面文章的介紹
2021-12-12
深入內(nèi)存原理談JS中變量存儲(chǔ)在堆中還是棧中
JavaScript中基本類型存儲(chǔ)在堆中還是棧中，百度一下有很多不同的答案，本篇文章就來給大家為此做個(gè)詳細(xì)的介紹,需要的朋友可以參考一下
2021-09-09
Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決
這篇文章主要為大家介紹了Qiankun Sentry 監(jiān)控異常上報(bào)無法自動(dòng)區(qū)分項(xiàng)目解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
這篇文章主要介紹了微信小程序頁面?zhèn)髦翟斀獾南嚓P(guān)資料,需要的朋友可以參考下
2017-03-03