【报Bug】scroll-view中属性scroll-into-view失效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10

HBuilderX类型：正式

HBuilderX版本号： 3.2.3

手机系统： Android

手机系统版本号： Android 9.0

手机厂商：小米

手机机型： 6/7/X

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<scroll-view scroll-y="true" scroll-with-animation="true" style="height: 300rpx;" :scroll-into-view="chatViewId">
<view v-for="(item,index) in datalist" :key="index" class="contentbox" :id="'' + item.id">
<text class="t1" >{{item.name}}:</text>
<text class="t2">{{item.conten}}</text>
</view>
</scroll-view>

data() {
return {
chatViewId: '',
},
watch:{
datalist:{
handler(val,nervel){
console.log(nervel);
let len = this.datalist.length - 1;
const id = this.datalist[len].id;
this.chatViewId = '' + id;
},
deep:true
},
},

操作步骤：

<scroll-view scroll-y="true" scroll-with-animation="true" style="height: 300rpx;" :scroll-into-view="chatViewId">
<view v-for="(item,index) in datalist" :key="index" class="contentbox" :id="'' + item.id">
<text class="t1" >{{item.name}}:</text>
<text class="t2">{{item.conten}}</text>
</view>
</scroll-view>

data() {
return {
chatViewId: '',
},
watch:{
datalist:{
handler(val,nervel){
console.log(nervel);
let len = this.datalist.length - 1;
const id = this.datalist[len].id;
this.chatViewId = '' + id;
},
deep:true
},
},

预期结果：

实现自动滚动定位到最后相应的元素上；

实际结果：

没有滚动效果

bug描述：

scroll-view组件中的scroll-into-view属性绑定数据id，在app内不能使用没有效果，在vue nvue页面中均没有效果，已按照文档要求实现，绑定不同的id给其元素，scroll-into-view属于绑定不以数组开头字符串id+拼接，下列代码已贴上，在监听道不同的值重新赋值给其scroll-into-view绑定的值但是没有效果，请尽快给其处理方式或答复；

2021-09-15 15:20 负责人:无分享

1 个回复

DCloud_uni-ad_HDX

用新闻模板试试 https://github.com/dcloudio/uni-template-news/blob/master/pages/news/index.nvue

该问题目前已经被锁定, 无法添加新回复

【报Bug】scroll-view中属性scroll-into-view失效

预期结果：

实现自动滚动定位到最后相应的元素上；

实际结果：

没有滚动效果

bug描述：

1 个回复

公告

相关问题

【报Bug】scroll-view中属性scroll-into-view失效

预期结果： 实现自动滚动定位到最后相应的元素上；

实际结果： 没有滚动效果

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

实现自动滚动定位到最后相应的元素上；

实际结果：

没有滚动效果