在以往的做法里首选jquery的animate实现，但是Vue里并没有这个方法。如何在Vue项目中实现点击导航平滑滚动到指定位置，为了这效果我是快要崩溃了，上网查阅了很久发现并没有真正意义上解决这个问题的，之前参考了一位博主的想法：通过在一定时间内定时分步长滚动，连续起来后肉眼观察就是平滑滚动的效果（），当时看到这篇文章我是心花怒放，赶紧参考代码写进去，然并卵。。。根本没有效果，后来联系博主讨论后得出结论可能是我的vue2.4版本对计时器不友好，建议我降版本，这样的话。。。我还是继续研究如何实现吧，最后实在查不到想不出什么好的方法，引入了jquery然后用animate方法几条代码就实现了这效果。
1.npm安装jquery：npm installjquery--registry=https://registry.npm.taobao.org --verbose
2.安装成功后修改webpack配置文件：build--webpack.base.conf.js,修改如下图所示：
），平滑效果主要看我红框里的代码就可以，其他代码是我项目里的东西，不需要考虑:
总结
以上所述是小编给大家介绍的Vue引入jquery实现平滑滚动到指定位置。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
