ios系统中cover-view的scroll-top属性问题
发布于 6 年前 作者 fangpeng 18935 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

用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

5 回复

请问你这个问题解决了吗?我的ip5的也是这个问题,值无效

楼主有没有其他办法实现这个需求?

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

添加 scroll-top 后,无法滚动了

一般看到这种答复感觉要凉。

回到顶部