jQuery的使用引导标签只有当滚动页面加载顶部(jquery how to scroll top

2019-10-19 18:43发布

我设置了一些jQuery的点击一个链接时加载特定的自举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);
})
});
文章来源: jquery how to scroll top on page load only when using bootstrap tabs