jQuery选项卡，跳转到页面顶部，如何停止？

我读过其他关于这个的帖子，但我仍然无法在点击标签时让页面跳转到顶部。这是HTML

<ul class="tabs-nav">
    <li class="active"><a href="#tab1"><i class="icon-list-ul"></i> Tab 1</a></li>
    <li><a href="#tab2"><i class="icon-map-marker"></i> Tab 2</a></li>
</ul>

<!-- Tabs Content -->
<div class="tabs-container">
    <div class="tab-content" id="tab1">Stuff</div>
    <div class="tab-content" id="tab2">Stuff</div>
</div>

现在我尝试添加

onclick="return false;"

---

指向html中的标签href，但这没有任何作用。非常感谢任何帮助！谢谢

因为这个

---

试试看，因为这个原因，它跳到了顶端

---

试着

Hi，只是刚到电脑前就开始响应。谢谢你添加这个，我会看一看并让你知道！谢谢。嗨，我刚到电脑前准备回复。谢谢你添加这个，我会看一看并让你知道！谢谢
onclick="return false;"

 var $tabsNav    = $('.tabs-nav'),
        $tabsNavLis = $tabsNav.children('a'),  //this line changed
        $tabContent = $('.tab-content');

 $tabsNavLis.on('click', function(e) {
        e.preventDefault();   //now this is <a> click , not <li> click
        var $this = $(this).parent();
        $this.siblings().removeClass('active').end()
             .addClass('active');
        $this.parent().next().children('.tab-content').stop(true,true).hide()
                                                      .siblings( $this.find('a').attr('href') ).fadeIn();


    });