分类：小程序scroll-view

2020
10-09

微信小程序完美解决scroll-view高度自适应问题的方法

第一种情况，scroll-view占据整屏scroll-view{height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件<viewclass="box"><viewclass="box-head"></view><scroll-viewclass="box-scroll"></scroll-view></view>wxss文件.box{display:flex;flex-direction:column;height:100vh;overflow:hidden;}.box-head{flex-shrink:0;height:50px;}.box-scroll{flex:1;height:1px;}flex：1高度依然不会自适... 继续阅读 >

2020
09-24

微信小程序scroll-view点击项自动居中效果的实现

scroll-view|微信开放文档效果代码布局样式代码省略，以下只展示逻辑代码<scroll-viewscroll-xscroll-left="{{scrollLeft}}"scroll-with-animationclass="scroll-view"><viewclass="class-item"wx:for="{{classList}}"wx:key="id"bindtap="switchClass"><textclass="name">{{item.className}}</text></view></scroll-view>onReady(){wx.createSelectorQuery().select('.scroll-view').boundingClientRect((rect)=... 继续阅读 >

2020
09-24

微信小程序scroll-view的滚动条设置实现

小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。深入想了一下，这滚动条能不能换一颜色或者换个样式。有这冲动就立马着手改。1。直接打开官方demo，仔细看了一遍官方文档，没有任何说明，这是官方文档的一贯作风。没有一个属性是去控制显示/隐藏滚动条，更别说这样式。所以文档是指望不上了。2。既然是组... 继续阅读 >