将jQuery重写为Vue.js

时间:2018-06-07 06:40:01

标签: vue.js vuejs2

我几天前在晚上自学了Vue.js并且已经创建了我的第一个应用程序昨天,很快将被成千上万的用户每天使用。原版是用HandleBars和jQuery制作的。

我唯一无法工作的是以下代码:

$(".conversation-container").animate({ scrollTop: $(".conversation-container").prop("scrollHeight") }, 10);

我尝试了以下内容:

var container = this.$el.querySelector(".conversation-container");
container.scrollTop = container.scrollHeight;

但不幸的是,它没有提供相同的行为 任何人都可以帮助我实现这一目标,这样我就可以将jQuery从页面中删除并单独使用Vue.js了吗?

1 个答案:

答案 0 :(得分:0)

没有一个线性解决方案可以在vanilla JavaScript中获得流畅的滚动动画。如果您想了解如何获得相同的行为,请参考以下答案:

Cross browser JavaScript (not jQuery...) scroll to top animation