錨點 緩動

頁面實現 錨點，緩動滾動頁面

html 佈局

<a class="anchor-B2C" href="javascript:;"></a>

 <!-- 跳轉部分 -->
 <h3 id="anchor-B2C"></h3>

用 jquery 實現

// 錨點緩動動畫
$( function () {
    var b = ( window.opera ) ? ( document.compatMode === 'CSS1Compat' ? $( 'html' ) : $( 'body' ) ) : $( 'html,body' )
    $( '.anchor-B2C' ).click( function () {
        top( '#anchor-B2C' )
    } )

    function top ( a ) {
        b.animate( {scrollTop: $( a ).offset().top - 80}, 1000 )
        return false
    }
} )