Navbar Scroll for one page website

Step 1:
Make Sure :
  <body data-spy="scroll" data-target="#bs-example-navbar-collapse-1" data-offset="80">
Here 80 is the navbar height.

Step 2:
Navbar Markup

    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <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 top-bar"></span>
            <span class="icon-bar middle-bar"></span>
            <span class="icon-bar bottom-bar"></span>
          </button>
          <!-- <a class="navbar-brand section-scroll" href="#home"><img src="img/logo.png" alt=""></a> -->
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#home" class="section-scroll">Home</a></li>
                <li><a href="#products" class="section-scroll">Products</a></li>
                <li><a href="#apps" class="section-scroll">Apps</a></li>
                <li><a href="#our-team" class="section-scroll">Our Team</a></li>
                <li><a href="#contact" class="section-scroll">Contact Us</a></li>
              </ul>
        </div>
      </div>
    </nav>

Step 3: Script

  /* Smootth Scroll
    ============================================= */
       $('.navbar-collapse a').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            var offsetTop = 70;
            if($(window).width() < 768 ){
                offsetTop = 80;
            }

            //$("body").scrollspy({target: "#navigation", offset:offsetTop + 34});

            $('html,body').animate({
              scrollTop: target.offset().top - offsetTop
            }, 1000);
            return false;
          }
        }
    });


//Here 80 is the navbar height