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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM