html52.com
我爱小程序-开发者交流社区

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

问题模块
API和组件

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

首先业务需求是这样的:如下图,发表评论之后,页面直接滚动到评论所在处(不一定是最底部)再看下页面结构 ,由panel-detail (帖子详情) + 评论列表(panel-comment)组成:


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

:由于我这个帖子的详情内容(也就是panel-detail 部分)不是固定高度,所以导致页面只滚动一小部分,当我把这个详情内容设置成固定高度后

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


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


滚动的效果如下,只滚动了一点点:而本来是要滚动到下图评论有黄色部分所示:


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

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

网友回复

侯胖:

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

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

_self.setData({

    showDetail: true,//详情显示

    movie_id: movie_id,

    movieDetailInfo: movieDetailInfo

})

setTimeout(() => {

    _self.setData({

        id: index

    })

}, 200)


侯胖:

好吧TVT,还是谢谢~~~

白叶:

没有解决

侯胖:

这是我的代码
这是我的代码

侯胖:

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

白叶:

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

赵子龙:

scroll-into-view无效吗?

白叶:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付