html锚点-不改变url(适用vue)

wangkaipeng1

于 2019-09-26 16:00:04 发布

阅读量975

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签：锚点 JQ

本文链接：https://blog.youkuaiyun.com/wangkaipeng1/article/details/101449109

6 篇文章

订阅专栏

本文介绍如何利用jQuery实现网页中的锚点平滑滚动效果，通过具体代码示例，展示了如何让页面在点击锚点链接时，能够以动画形式平滑地滚动到目标位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//需要锚点的元素
<div id="locationHerE">锚点</div>

//引入jq
 <script type="text/javascript" src="/jquery/jquery.js"></script>

//js代码
 $("html, body").animate({scrollTop: $("#locationHerE").offset().top}, {duration:500,easing: "swing"});