JQuery 实现 锚点跳转

Posted Jansora

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 实现 锚点跳转相关的知识,希望对你有一定的参考价值。

    $(.nav-jump).click(function()
    {
        $(html,body).animate(
        { 
            scrollTop:$($.attr(this, href)).offset().top
        }, 800);
    }); 

该代码实现了 所以带.nav-jump class 的<a>标签在点击时能够平滑跳转至 链接所指的页内部分。

调用:

<a class="nav-jump" href="#part-1"><p>描述</p></a>

 

以上是关于JQuery 实现 锚点跳转的主要内容,如果未能解决你的问题,请参考以下文章

jquery 在页面上根据ID定位(jQuery锚点跳转及相关操作) 经典

jquery锚点跳转

单击链接时禁用默认锚点跳转

thinkphp怎么跳转到指定页面的锚点

uniapp实现锚点跳转

锚点跳转的过渡效果