好大的虫子 - 博客园

2021年2月7日

摘要：网页一：<a href="网页二的路径及名称.html#锚名"></a> 网页二：<a name="锚名"></a> 阅读全文

posted @ 2021-02-07 13:50 好大的虫子阅读(268) 评论(0) 推荐(0) 编辑

摘要： 1、在html里面写上锚链接和top按钮和并调整好位置和样式： 2、在页面的script标签内添加以下代码即可： //获取滚动条的位置 function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = win 阅读全文

posted @ 2021-02-07 11:59 好大的虫子阅读(325) 评论(0) 推荐(0) 编辑

2021年2月5日

js页面弹出遮罩层时，禁止和允许页面滚动方法

摘要： 1、在打开遮罩层的事件中添加以下代码来禁止滚动 //禁止滚动条滚动 document.documentElement.style.overflow = 'hidden'; 2、在关闭遮罩层的事件中添加以下代码来允许滚动 //允许滚动条滚动 document.documentElement.style 阅读全文

posted @ 2021-02-05 12:18 好大的虫子阅读(1144) 评论(0) 推荐(0) 编辑

2021年1月11日

vscode快速生成vue组件模板代码

摘要： 1、文件-->首选项-->用户片段-->搜索vue-->点击vue.json 2、复制以下代码 { "Print to console": { "prefix": "vue", "body": [ "", "<template>", "<div class='page'>" &qu 阅读全文

posted @ 2021-01-11 12:14 好大的虫子阅读(1284) 评论(0) 推荐(0) 编辑

2021年1月9日

Vue在H5上修改标题

摘要： 1.先安装一个插件： npm install vue-wechat-title --save 2.在mian.js 中引入以下代码： import vueWechatTitle from "vue-wechat-title"; Vue.use(vueWechatTitle); 3.在App.vue中阅读全文

posted @ 2021-01-09 18:22 好大的虫子阅读(447) 评论(0) 推荐(1) 编辑

vue移动端/H5禁止页面缩放功能

摘要：在head里面添加以下代码： <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 阅读全文

posted @ 2021-01-09 18:10 好大的虫子阅读(597) 评论(0) 推荐(0) 编辑

vue+webpack使用lib-flexible自动转换rem

摘要： 1、安装lib-flexible npm i lib-flexible --save-dev 2、在man.js中引入lib-flexible import 'lib-flexible/flexible.js' 3、安装自动转换rem的工具 npm install px2rem-loader 4、配阅读全文

posted @ 2021-01-09 18:04 好大的虫子阅读(260) 评论(0) 推荐(0) 编辑

VUE刷新后回到顶部

摘要：在App.vue的script里面添加以下代码： window.addEventListener('beforeunload',e=>{ window.scroll(0,0) }) 阅读全文

posted @ 2021-01-09 17:41 好大的虫子阅读(375) 评论(0) 推荐(0) 编辑

vue跳转新页面后回到顶部

摘要：全部页面就在mian.js中设置 router.afterEach((to,from,next)=>{window,scrollTo(0,0)}) 阅读全文

posted @ 2021-01-09 17:34 好大的虫子阅读(252) 评论(1) 推荐(1) 编辑