用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


展开全部
收起
4回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 林立慧

    13人对此回答表示赞同

    机型iPhone7plus、微信版本6.6.5、ios版本:11.3

    展开
    13
    2回复
    发布于 6年前

    评论(2)

    收起评论

    • Gary_Jin 2019-02-11 20:48

      这个问题,我现在用iphoneX试了也不行,微信6.7.2,基础库2.2.4

      回复
    • fo系青年 2019-02-13 11:20

      我在ios微信6.7.2里表现正常。你这边也确认下?

      回复
  • 情深深

    10人对此回答表示赞同

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

    展开
    10
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Jina金呐

    9人对此回答表示赞同

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

    展开
    9
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 左鹏

    6人对此回答表示赞同

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

    展开
    6
    2回复
    发布于 6年前

    评论(2)

    收起评论

    • Kennedy 2019-02-18 00:08

      没解决啊

      回复
    • 潇潇暮雨 2019-02-19 09:06

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

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部