- 需求的场景描述(希望解决的问题)
用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)。
机型 iPhone 7 plus 、微信版本6.6.5、ios版本:11.3
代码片段
wechatide://minicode/SJpE4cm47O4B
问题
用cover-view做视频聊天展示功能,新消息出现时候,cover-view可以自动滚动,滚动至新消息。
在 iPhone 7 plus 、ios版本:11.3 中,当更新cover-view的scroll-top属性的值时,无法滚动。
你好,我在ios微信6.7.2里表现正常。你这边也确认下?
这个问题,我现在用iphoneX试了也不行,微信6.7.2,基础库2.2.4
添加 scroll-top 后,无法滚动了
楼主有没有其他办法实现这个需求?
请问你这个问题解决了吗?我的ip5的也是这个问题,值无效
一般看到这种答复感觉要凉。
请问你这个问题解决了吗?我的ip5的也是这个问题,值无效
没解决啊