Фиксация меню из табов навеху страницы. Как сделать чтобы при переключение табов информация отображалась полностью?

Question

[tehfoxen]

На сайте реализованы табы. При прокрутке табы в мобильной версии фиксируются наверху в виде свернутого меню, но проблема в том, что при переключении табов наверху содержимое отображается не с начала, а с того места где просматривался предыдущий таб. Как сделать чтобы при переключении таба отображалось полное содержимое т.е. с начала.

<div id="views-bootstrap-tab-1" class="views-bootstrap-tab-plugin-style">
  <ul class="nav nav-tabs nav-justified fixed">
         <li class="in toggle active" style="height: auto;">
       <a href="#tab-1-0" data-toggle="tab">Вкладка</a>
     <span></span></li>
         <li class="toggle collapse" style="display: block; height: 0px;">
       <a href="#tab-1-1" data-toggle="tab">Вкладка</a>
     <span></span></li>
         <li class="toggle collapse" style="display: block; height: 0px;">
       <a href="#tab-1-2" data-toggle="tab">Вкладка</a>
     <span></span></li>
      </ul>
  <div class="tab-content">
          <div class="tab-pane active" id="tab-1-0">Инфо</div>
<div class="tab-pane" id="tab-1-0">Инфо</div>
<div class="tab-pane " id="tab-1-0">Инфо</div>
</div>

var windowTop = $(window).scrollTop();
  var sectionStarts = $('#sectionStarts').offset().top;
  var sectionEnds = $('#sectionEnds').offset().top;
  if (windowTop > sectionEnds) {
    $('ul.nav.nav-tabs').removeClass('fixed');
  } else if (windowTop > sectionStarts) {
    $('ul.nav.nav-tabs').addClass('fixed');

  } else {
    $('ul.nav.nav-tabs').removeClass('fixed');

  }
}

ul.nav.nav-tabs.fixed {
  position: fixed;
  top: 23px;
}