vue 循环出来的列表,点击修改后返回当前行位置

首先肯定是要保存当前点击元素离顶部位置,返回后在通过 

$("html,body").animate({ scrollTop: height}, 1000),实现。

那么问题来了,既然是通过v-for循环出来的列表,我们没办法写死class或者id,没有class和id,那么无法获取点击的元素。

实现方式:动态添加id,如下:

 

 最后注意一点就是要判断当前元素离顶部的距离是不是超出了页面高度,如果超出了,才需要移动到当前元素位置,如果没有则页面不需要滚动。

posted on 2021-01-20 17:10  程序猿-alvin  阅读(447)  评论(0编辑  收藏  举报

导航