收藏
回答

scroll-view的scroll-into-view滚动问题

问题模块
API和组件

首先业务需求是这样的:如下图,发表评论之后,页面直接滚动到评论所在处(不一定是最底部)



再看下页面结构 ,由panel-detail (帖子详情) + 评论列表(panel-comment)组成


由于我这个帖子的详情内容(也就是panel-detail 部分)不是固定高度,所以导致页面只滚动一小部分,当我把这个详情内容设置成固定高度后的话,是滚动正常,可是那样就不符合业务需求了,因为帖子的详情内容肯定是要完全展示的。


滚动的效果如下,只滚动了一点点:




而本来是要滚动到下图评论有黄色部分所示:


最后一次编辑于  2017-08-17  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

8 个回答

  • 侯文惠
    侯文惠
    2017-12-21

    楼主你好,我的问题已经解决了,给你点参考,希望对你有帮助。上面说的iOS使用scroll-into-view会出现定位异常的情况,我在代码里添加了一个定时器,先让详情模块加载出来,然后再滚动到对应的id上,结果可行。

    //先动画加载详情--再定位

    _self.setData({

        showDetail: true,//详情显示

        movie_id: movie_id,

        movieDetailInfo: movieDetailInfo

    })

    setTimeout(() => {

        _self.setData({

            id: index

        })

    }, 200)


    2017-12-21
    赞同
    回复
  • 侯文惠
    侯文惠
    2017-12-20

    好吧TVT,还是谢谢~~~

    2017-12-20
    赞同
    回复
  • 白叶
    白叶
    2017-12-20

    没有解决

    2017-12-20
    赞同
    回复
  • 侯文惠
    侯文惠
    2017-12-20


    这是我的代码

    2017-12-20
    赞同
    回复
  • 侯文惠
    侯文惠
    2017-12-20

    请问楼主这个问题解决了吗?我也碰到这种问题了,页面中有一块详情部分点击之后加进去的,用scroll-into-view的办法,安卓手机滚动定位正常,iOS不行,会出现高度异常的问题。

    2017-12-20
    赞同
    回复
  • 白叶
    白叶
    2017-08-21

    也不是无效,就是滚动的高度有问题。

    2017-08-21
    赞同
    回复
  • 赵青山
    赵青山
    2017-08-18

    scroll-into-view无效吗?

    2017-08-18
    赞同
    回复
  • 白叶
    白叶
    2017-08-17

    我这个scroll-view是有计算高度的,第一种方法是:获取了onload的时候获取屏幕的高度并设置进去了。第二种方法是用百分比,page设置了height:100%;  display: flex;然后scroll-view就可以用百分比设置了,设置成100%,不过两种效果都是一样的,滚动还是成问题,我猜想是其中panel-detail(帖子详情)那部分的高度有问题,因为那个的高度不能固定高。

    2017-08-17
    赞同
    回复