小程序
小游戏
企业微信
微信支付
扫描小程序码分享
首先业务需求是这样的:如下图,发表评论之后,页面直接滚动到评论所在处(不一定是最底部)
再看下页面结构 ,由panel-detail (帖子详情) + 评论列表(panel-comment)组成:
由于我这个帖子的详情内容(也就是panel-detail 部分)不是固定高度,所以导致页面只滚动一小部分,当我把这个详情内容设置成固定高度后的话,是滚动正常,可是那样就不符合业务需求了,因为帖子的详情内容肯定是要完全展示的。
滚动的效果如下,只滚动了一点点:
而本来是要滚动到下图评论有黄色部分所示:
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
楼主你好,我的问题已经解决了,给你点参考,希望对你有帮助。上面说的iOS使用scroll-into-view会出现定位异常的情况,我在代码里添加了一个定时器,先让详情模块加载出来,然后再滚动到对应的id上,结果可行。
//先动画加载详情--再定位
_self.setData({
showDetail: true,//详情显示
movie_id: movie_id,
movieDetailInfo: movieDetailInfo
})
setTimeout(() => {
id: index
}, 200)
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
好吧TVT,还是谢谢~~~
没有解决
这是我的代码
请问楼主这个问题解决了吗?我也碰到这种问题了,页面中有一块详情部分点击之后加进去的,用scroll-into-view的办法,安卓手机滚动定位正常,iOS不行,会出现高度异常的问题。
也不是无效,就是滚动的高度有问题。
scroll-into-view无效吗?
我这个scroll-view是有计算高度的,第一种方法是:获取了onload的时候获取屏幕的高度并设置进去了。第二种方法是用百分比,page设置了height:100%; display: flex;然后scroll-view就可以用百分比设置了,设置成100%,不过两种效果都是一样的,滚动还是成问题,我猜想是其中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(帖子详情)那部分的高度有问题,因为那个的高度不能固定高。