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

發(fā)布時間：2020-09-01 23:10:17 來源：腳本之家閱讀：713 作者：lqh 欄目：web開發(fā)

一：scroll-view隱藏滾動條

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

scroll-view.wxml:

scroll-view.wxss

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

scroll-view.js

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

最終顯示效果如下;

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

注意：

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

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

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

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

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

向AI問一下細節(jié)

猜你喜歡