vue项目中锚点定位替代方式


Posted in Javascript onNovember 13, 2019

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位:

scrollToSection() {
   let section = document.getElementById('section')
   if (section) {
    section.scrollIntoView()
   }
  }

html标签中绑定click事件就可以了

以上这篇vue项目中锚点定位替代方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
js简单的弹出框有关闭按钮
May 05 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
vue模块拖拽实现示例代码
Mar 09 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
js中Function引用类型常见有用的方法和属性详解
Dec 11 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 #Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 #jQuery
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 #Javascript
jquery获取input输入框中的值
Nov 13 #jQuery
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 #Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 #Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 #Javascript
You might like
php实现以只读方式打开文件的方法
2015/03/16 PHP
js实现的网页颜色代码表全集
2007/07/17 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Django组件content-type使用方法详解
2019/07/19 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
记者岗位职责
2014/01/06 职场文书
幼儿园大班新学期寄语
2014/01/18 职场文书
九年级语文教学反思
2014/02/04 职场文书
个人考核材料
2014/05/15 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
2016年学校爱国卫生月活动总结
2016/04/06 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang