页面实现 锚点,缓动滚动页面
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
}
} )