页面内锚点定位及跳转方法

最新推荐文章于 2023-08-16 10:17:42 发布

luckymaoyy

最新推荐文章于 2023-08-16 10:17:42 发布

阅读量992

点赞数

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

本文链接：https://blog.csdn.net/luckymaoyy/article/details/76429476

版权

html 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

javascript

10 篇文章 0 订阅

订阅专栏

HTML  页面
<!DOCTYPE  html>
<html>
<head>
</head>
<body>
    <a id="a">跳到 div1</a>

    <div id="div1">div1</div>
</body>
</html>

用animate属性，当点击锚点后，页面滚动到相应的DIV
<script type="text/javascript" src="引用js.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#a").click(function() {
        $("html, body").animate({
            scrollTop: $("#div1").offset().top }, {duration: 500,easing: "swing"});
        return false;
    });
});
</script>
$("html, body")可以替换为响应的div，如果不起作用，试着给该div增加overflow：scroll属性。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

luckymaoyy

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面内锚点定位及跳转方法

HTML 页面<!DOCTYPE html><html><head></head><body> <a id="a">跳到 div1</a> <div id="div1">div1</div></body></html>用animate属性，当点击锚点后，页面滚动到相应的DIV<script type="text/javascript" src="引用js.js"><
复制链接

扫一扫