- 需求的场景描述(希望解决的问题)
用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
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。