html界面锚点平滑过渡

<div >
    <ul>
        <li><a href="#A">Aa>li>
        <li><a href="#B">Ba>li> 
    ul>
div>

<div class="container">
    <div id="A">This is Adiv>
    <div id="B">This is Bdiv>
div>

<div>footerdiv>

$(function(){
    $('a').click(function(){
        //根据a标签的href转换为id选择器，获取id元素所处的位置，并高度减50px（这里根据需要自由设置）
        $('html,body').animate({scrollTop: ($($(this).attr('href')).offset().top -50 )},1000);
    });
});

animate（）函数用于改变div元素的高度

scrollTop（）用于设置滚动便宜