jquery如何在使用引导选项卡时仅在页面加载时滚动

Question

我点击链接时设置了一些jquery来加载特定的bootstrap 3选项卡。当我通过另一个页面上的链接访问该页面时，这非常有用。但是当我在实际页面上单击不同的选项卡时，每次单击时它都会一直滚动到顶部。我怎么能只在页面加载时滚动？不是当页面上的标签被点击？谢谢！

这是我的代码。

HTML

<ul id="custom-tabs-0" class="nav nav-pills">
<li class="active"><a data-toggle="tab" href="#custom-tab-0-sales">Sales</a></li>
<li class=""><a data-toggle="tab" href="#custom-tab-0-client-services">Client Services</a></li>
</ul>

jquery的

// Javascript to enable link to tab
jQuery(document).ready(function() {
var url = document.location.toString();
if (url.match('#')) {
    $('.nav-pills a[href=#'+url.split('#')[1]+']').tab('show') ;
} 

// Change hash for page-reload
$('.nav-pills a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
    $("html,body").animate({scrollTop: 300}, 1000);
})
});