При повторном нажатий на объект, покручивается на самый верх страницы (html / Jquery)

$('ul.tabs__caption').on('click', 'li:not(.active)', function(e) {
e.preventDefault();
$(this)
  .addClass('active').siblings().removeClass('active')
  .closest('section.tabs').find('.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="work-tabs d-flex justify-content-between tabs__caption">
  <li class="work-tabs__item active">
    <a href="#"> All </a>
  </li>
  <li class="work-tabs__item">
    <a href="#"> Branding </a>
  </li>
  <li class="work-tabs__item">
    <a href="#"> Web </a>
  </li>
  <li class="work-tabs__item">
    <a href="#"> Development </a>
  </li>
  <li class="work-tabs__item">
    <a href="#"> Films </a>
  </li>
</ul>