无需jQuery的只需要href=”#xulgr” 然后 id=”xulgr” 就能直接锚点，但这样不美观，我来弄个jQuery的吧
首先，头部引入jQuery库
<script src="https://code.xulgr.com/pub/js/jquery-1.8.2.min.js"></script>然后在<head>内放js
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".xulgr-md a").click(function(event) { //.xulgr-md a为指定样式
var id='#'+'xulgr' //xulgr为id值
$("html,body").animate({scrollTop: $(id).offset().top-50}, 1000); //top-50是在执行后距顶再下50px；1000是1秒执行完成
});
});
</script>点击代码如下：
<div class="xulgr-md">
<a href="javascript:void(0)">点击JQ锚点</a>
</div>指定锚点的地方加id值即可
<div id="xulgr">
锚点
</div>
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
![[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法](https://pic-xulgr.oss-accelerate.aliyuncs.com/www/2022/05/fe1965def48060d4d5d29effa3503475.jpeg/xulgr)