页面刷新后跳到锚点

当前页面操作完成后，需要刷新当前页面，并跳到某个锚点。

by alanLiang

HTML

<ul>
    <li><a href="#header">header</a>

    </li>
    <li><a href="#content">content</a>

    </li>
    <li><a href="#footer">footer</a>

    </li>
</ul>
<div id="header">
     <h1>header</h1>

</div>
<div id="content">
     <h1>content</h1>

</div>
<div id="footer">
     <h1>footer</h1>

</div>

CSS

div {
            height: 400px;
            background: #eee;
            margin: 20px;
        }

JavaScript

$(function () {
    $('li a').click(function(){
    	var href = $(this).attr('href');
      var scrollTop = $(href).offset().top;
      var t = 50;
      $('html, body').animate({scrollTop:scrollTop - t}, 1000);
    });
});