Jquery 使用固定导航栏滚动至页面顶部_Jquery_Html_Css_Twitter Bootstrap_Navbar

Jquery 使用固定导航栏滚动至页面顶部

jquery html css twitter-bootstrap

Jquery 使用固定导航栏滚动至页面顶部,jquery,html,css,twitter-bootstrap,navbar,Jquery,Html,Css,Twitter Bootstrap,Navbar,我在bootstrap中使用固定顶部导航条，如下所示： <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <nav class="navbar navbar-fixed-top" style="background:white;"> <div class="container"> <!-- Brand and

我在bootstrap中使用固定顶部导航条，如下所示：

    <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <nav class="navbar navbar-fixed-top" style="background:white;">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img alt="Brand" src="someimage" style="height:28px"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a target="_blank" href="somelink"><i class="fa fa-twitter fa-lg  custom-icon"></i></a></li>
                    <li><a target="_blank" href="somelink"><i class="fa fa-linkedin fa-lg  custom-icon"></i></a></li>
                    <li>
                        <a target="_blank" href="somelink"><i class="fa fa-facebook fa-lg custom-icon"></i></a>
                    </li>
                    <li><a target="_blank" href="somelink"><i class="fa fa-medium fa-lg custom-icon"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>
</body>


切换导航

我希望这样的行为，当用户点击品牌图像时，无论他/她如何滚动屏幕，用户都会被带到页面顶部

我怎样才能做到这一点呢？

试试这个

$('.navbar-brand img').click(function(){
  $('body, html').animate({scrollTop: 0}, 1000);
});

单击图像时，我们将动画显示到页面顶部。

它已经在工作，因为您已使用scroll spy来滚动页面顶部-- 向下滚动并单击品牌图像

它正在工作


切换导航