scroll-view的scroll-into-view滚动问题
发布于 6 年前 作者 mhu 19900 次浏览 来自 问答

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

再看下页面结构 ，由panel-detail （帖子详情） + 评论列表（panel-comment）组成：

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

滚动的效果如下，只滚动了一点点：

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

8 回复

好吧TVT，还是谢谢~~~

没有解决

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

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

这是我的代码

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

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

_self.setData({

    showDetail: true,//详情显示

    movie_id: movie_id,

    movieDetailInfo: movieDetailInfo

})

setTimeout(() => {

    _self.setData({

        id: index

    })

}, 200)

scroll-into-view无效吗?

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

回到顶部