我几天前在晚上自学了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了吗?
答案 0 :(得分:0)
没有一个线性解决方案可以在vanilla JavaScript中获得流畅的滚动动画。如果您想了解如何获得相同的行为,请参考以下答案:
Cross browser JavaScript (not jQuery...) scroll to top animation