nuxt.js 引入Jquery的方法

步骤1 npm下载jquery:

npm install jquery --save

步骤2 在nuxt.config.js配置引入

const webpack = require('webpack');
export default{
  build:{
   plugins: [
     new webpack.ProvidePlugin({
       '$': 'jquery'
      })
     ]
   }
}

步骤3 页面中使用:

// 针对下滑的高度 显示隐藏
$(window).scroll(function () {
  let scrollTop = $(window).scrollTop();
    console.log(scrollTop);
    if (scrollTop > 200) {
      $(".softNav").css('margin-top', '0')
    } else {
      $(".softNav").css('margin-top', '-64px')
    }
  })

📢没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~

posted @ 2023-07-27 14:43  村长17岁  阅读(113)  评论(0编辑  收藏  举报