- ios系统中cover-view的scroll-top属性问题
- 需求的场景描述(希望解决的问题) 用cover-view做视频聊天展示功能,新消息出现时候,cover-view可以自动滚动,滚动至新消息。 在 iPhone 7 plus 、ios版本:11.3 中,当更新cover-view的scroll-top属性的值时,无法滚动。 - 希望提供的能力 用cover-view做视频聊天展示功能,新消息出现时候,cover-view可以根据内容高度,结合scroll-top属性,自动滚动,滚动至新消息。 [图片] - 代码片段 wechatide://minicode/SJpE4cm47O4B 提供了简化版代码片段,此片段用户点击按钮在安卓手机行会使cover-view滚动,ios系统手机无效。目前认为是scroll-top兼容性问题,这个问题解决,就可以解决聊天滚动问题。 index.wxml <cover-view style="width:500rpx;height:300rpx;border:1px green solid;overflow-y: scroll" scroll-top="{{top}}"> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容1cover-view> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容2cover-view> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容3cover-view> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容4cover-view> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容5cover-view> <cover-view style="width:400rpx;height:80rpx;border:1px red solid;">滚动内容6cover-view> cover-view> <button bindtap="scroll">btnbutton> index.js const app = getApp() Page({ data: { top:0 }, scroll:function(){ this.index+=10; this.setData({ top:this.index }) }, onLoad: function () { this.index = 0; }, }) 每天发一遍,坐等回复,20180730 15:03
2018-07-30 - ios系统中cover-view的scroll-top属性问题
ios系统中cover-view使用scroll-top后不能滚动,安卓是正常的。 这个问题已经有人提过了,但是好像已经没有后续了。 测试机型是iphoneX,IOS11.2.1
2018-08-29