как убрать скачек экрана вверх при клике на ссылку?

$(function() { 
  var t = 1; 
 
  function switchTabs() { 
    if (t > 3) t = 1; 
    //console.log("switchTabs - ", t); 
    if (t == 1) $('a.my-tab[href="#tabs-1"]').click(); 
    if (t == 2) $('a.my-tab[href="#tabs-2"]').click(); 
    if (t == 3) $('a.my-tab[href="#tabs-3"]').click(); 
    t++; 
  } 
  var sw_tabs_timer1 = window.setInterval(switchTabs, 1000); 
 
  $('a.my-tab').click(function(e) { 
    if (e.originalEvent && e.originalEvent.isTrusted) { 
      e.preventDefault(); // !!! 
      if (sw_tabs_timer1) { 
        sw_tabs_timer1 = clearInterval(sw_tabs_timer1); 
        //console.log("stopped switchTabs"); 
      } 
    } 
  }); 
});

.block { 
  border:1px solid black; 
  background: lightgreen; 
  height:100px; 
  margin-bottom:5px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="tabs"> 
  <ul class="tabNavigation"> 
    <li><a class="my-tab" href="#tabs-1">1</a></li> 
    <li><a class="my-tab" href="#tabs-2">2</a></li> 
    <li><a class="my-tab" href="#tabs-3">3</a></li> 
  </ul> 
 
  <div class="block"></div> 
  <div class="block"></div> 
 
  <div id="tabs-1"> 
    img 
  </div> 
  <div id="tabs-2"> 
    img 
  </div> 
  <div id="tabs-3"> 
    img 
  </div> 
</div>

<li><a class="my-tab" onclick="return false;" href="#tabs-1">1</a></li>