<list class="width-750 chat_windows_height padding-left-right-30" :style="{height:style.contentH+'px'}" show-scrollbar="false">
<cell>
...
</cell>
<cell ref="bottom"><div class="margin-b-25"></div></cell>
</list>
this.$nextTick(()=>{
const el = this.$refs.bottom
console.log(el)
dom.scrollToElement(el, {
animated:true,
offset: 0
});
})
- 发布:2020-05-11 10:50
- 更新:2023-11-14 13:40
- 阅读:2348
【报Bug】nvue ios端dom.scrollToElement无法滚动到ref指定的位置
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win7
HBuilderX类型: 正式
HBuilderX版本号: 2.6.16
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: 6sp
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
无
无
预期结果:
无
无
实际结果:
无
无
bug描述:
nvue ios端dom.scrollToElement无法滚动到ref指定的位置
3 个回复
z***@163.com - a coder
是否 在更新聊天时候 调用了 scroll 方法?
如果还不行 可以动态绑定 聊天的 ref 或者统一绑定ref
前者直接滚动到 对应的ref 后者返回ref数组 滚动到 数组最后一个
水沟小鱼 - 90后
用nvue写了个聊天,以为可以增加点性能,好吧,不能滚到指定位置,这可如何是好?
水沟小鱼
我用list 包裹整个页面的样式,可以用了
2020-07-17 13:51
西南有归客
回复 水沟小鱼: 请问下list有滚动到指定位置的api?我怎么找不到,也是这个问题
2020-08-08 14:15
水沟小鱼
回复 西南有归客: watch:{
newMassage(){
console.log('有新消息');
let elBottom = this.$refs.bottom;
dom.scrollToElement(elBottom,{})
this.clearNew();
}
},
2020-08-10 20:50
张亚如
我写的他不生效
张亚如
scroller 我用的这个标签 list和cell就会导致页面文字没有
2023-11-14 13:41