vue 动画滑动

我是在vue中引入jquery使用的

第一步：安装jquery插件

npm install jquery --save

第二步：配置文件 webpack.base.conf.js：
 const webpack = require('webpack')
plugins:[ new webpack.ProvidePlugin({ $: 'jquery', jQuery:'jquery' }) ],
main.js：
import $ from 'jquery'

第三步：在需要的文件中配置

import $ from "jquery";

 

获取距离左边的距离

document.getElementById("headerTopTitle1").scrollLeft;

 

滑动相应的距离带动画

 $("#headerTopTitle1").animate(

         {

              scrollLeft: (this.leftScroll -= 60)

         },1000 );