锚点 缓动

页面实现 锚点，缓动滚动页面

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
    }
} )