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