您当前的位置: 首页 > 知识百科 > 微信小程序滚动条颜色怎么设置?微信小程序怎么设置滚动条?

微信小程序滚动条颜色怎么设置?微信小程序怎么设置滚动条?

时间:2023-07-01 14:05 阅读数:97 人阅读 分类:知识百科

  微信小程序滚动条颜色怎么设置?微信小程序怎么设置滚动条?关于微信小程序滚动条的设置关系着用户体验如何,所以学好小程序滚动条怎么设置很重要,下面我们一起看看如何设置吧。

  微信小程序滚动条颜色怎么设置?

  小程序组件scroll-view控制着微信小程序滚动条,不仅可以控制小程序滚动条的高度宽度等属*,还能控制小程序滚动条颜色:

  scrollbar-3d-light-color 控制着小程序滚动条的亮边框颜色

  crollbar-highlight-color 控制着小程序滚动条3D界面的亮边颜色

  scrollbar-face-color 控制着小程序滚动条3D表面的颜色

  scrollbar-arrow-color 控制着小程序滚动条方向箭头的颜色

  scrollbar-shadow-color 控制着小程序滚动条3D界面的暗边颜色

  scrollbar-dark-shadow-color 控制着小程序滚动条暗边框颜色

  scrollbar-base-color 控制着小程序滚动条基准颜色。

  那么我们一般怎么设置微信小程序滚动条呢?下面一起看看吧。

  微信小程序怎么设置滚动条?

  微信小程序设置滚动条:

  使用微信小程序滚动条时需要注意的地方:

  1、请勿在scroll-view中使用textarea、map、canvas、video组件

  2、scroll-into-view的优先级高于scroll-toptip:

  3、在滚动scroll-view时会阻止小程序页面回弹,所以在scroll-view中滚动,是无法触发onPullDownRefreshtip:

  4、若要使用下拉刷新,请使用页面的滚动,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部

  微信小程序滚动条的设置想必大家都能了解了,其实,微信小程序滚动条还能设置它隐藏,想知道如何去隐藏小程序滚动条的朋友可以来微小乔哦,里面有很多小程序的教程知识。

相关推荐:

微信小程序隐藏滚动条怎么设置?

怎么使用微信小程序监听滚动条?

微信小程序滚动条样式是怎样的?