使用jquery解决方法：
<body>
<a href="" class="scroll_bottom">滑到底部</a>
<div class=" bottom">11111</div>
<script type="text/javascript">
$(document).ready(function(){
$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //平滑移动置顶
$('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top-100}, 800);}); //-100是在回到顶部的基础上下移100px,同理
$('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);}); //$('.bottom')将所在位置置顶
});
</script>
</body>
方法二：设假锚点解决锚点偏移问题
<style>
#section1,#section2{
position: relative;
top:-0.96rem;//下移导航的高度（导航固定在顶部）
display: block;
height: 0;
overflow: hidden;
}
</style>
<a href="#section1">保单</a>
<div style="position="fixed;line-height="0.96rem;">111</div>
<a href="" id="section1"></a>
<div id="baodan" >保单</div>
<div class="line">
<a href="b-xinyidai.html"><img src="images/pingan.png"><span>平安新一贷</span></a>
<a href="b-zhongyin.html"><img src="images/china.png"><span>中银保单</span></a>
<a href="b-rongE.html"><img src="images/pingan.png"><span>融E贷</span></a>
</div>
