1. 程式人生 > >錨鏈接跳轉+滾動效果

錨鏈接跳轉+滾動效果

//-----(錨鏈接下面為效果js)-
$('#j-jump-to-save-btn').click(function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
            }, 500);
        return false;
});

上面是需要新增到頁面的js(新增此段js時候預設已經載入了jquery)

$('#j-jump-to-save-btn').xxxx

這個ID標記的是我們需要點選的按鈕(觸發跳轉到目標處的開關)

<a
id="j-jump-to-save-btn" href="#btn_weighx_order" style="text-align: center;color: red;">
跳轉至儲存按鈕</a>

上面的a標籤就是跳轉按鈕

【重要】

href="#btn_weighx_order"

此地址指向的就是目標ID ‘btn_weighx_order’