效果图
网上关于锚点跳转的文章非常多,实现的代码非常臃肿且难以看懂,而且还非常的乱。
实现锚点跳转本身就是一件极其简单(无其他需求)的事,很多人将其复杂化了。
整个示例JS
仅用了一个函数,无任何变量,带来了高效且健壮的功能,
您可以直接进行复制运行,把核心代码提取出来搞到您自己的项目中。
示例代码
注意:您需要有
Vue
环境,否则无法运行。
推荐平台一键复制功能,然后跑起来吧!
<!-- 因为样式什么的会影响您观察代码, 所以只做了核心功能 --><!-- 因为样式什么的会影响您观察代码, 所以只做了核心功能 --><template>
Vue - 实现锚点跳转定位到指定页面位置功能 / Anchor 页面添加锚点(仅需一个函数代码超级简洁)