jquery - 问题平滑滚动到特定的 div

Question

在我的下拉菜单中，我有 2 个链接，当点击这些链接时(平滑向上或向下滚动 - 取决于用户所在的页面部分)，用户将转到页面上的相应部分。

唯一的问题:没有任何效果。

HTML:

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <div class="collapse navbar-collapse navHeaderCollapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class = "dropdown active">  
                            <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown"><span>Dropdown</span><b class = "caret"></b></a>
                            <ul class = "dropdown-menu">
                                <li><a href = "#subtab1">Subtab1</a></li>
                                <li><a href = "#subtab2">Subtab2</a></li>
                            </ul><!-- END: "dropdown-menu" -->      
                        </li><!-- END: "dropdown" -->

                    </ul><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
                </div><!-- END: "container" -->
            </div><!-- END: "container" -->
        </div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

        <div class="container pad-container">

            <div id = "subtab1">

                <h1>Subtab1</h1>
                <p>stuff...</p>
                <p>lorem lorem</p>
                <p>lorem lorem</p>
                <p>lorem lorem</p>
                 <p>lorem lorem</p>
            </div>

            <div id = "subtab2">

                <h1>Subtab2</h1>
                <p>lorem lorem</p>
                <p>lorem lorem</p>
                <p>lorem lorem</p>
                <p>lorem lorem</p>
            </div>
        </div>

CSS:

.pad-container{
  padding-top:80px;
  padding-bottom:80px; /*height of the footer plus a little */
}

JS:

$( ".dropdown-menu > li > a" ).click(function() {
    $('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top -  navHeight }, 750);
});

Answer 1

$( ".dropdown-menu > li > a" ).click(function (event) {
    event.preventDefault();
    $('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top}, 750);
});

您可能还想尝试做 $(document).animate( ... ) 或限制为 html 或 body 来测试.我暂时删除了 navHeight 变量。