[Sugestão] Prevenir o movimento da tela

O movimento da tela acontece por causa do uso da tag ancora <a href="#new0"> com o atributo href="" que leva para algum lugar, e o lugar que ela leva é justamente o valor que está no projeto em cada ancora: #new0, #new1 e #new2. Sendo esses respectivamentes as notícias com o id="#new0", id="#new1" e id="#new2". Note que ao clicar a tela move até que o inicio da notícia esteja no topo da tela. Resolvi a questão simplesmente trocando as tags ancoras por botões:

<nav>
          <ul class="listaDeArtigos-slider">
            <li>
              <button data-sliderItem="0" class="listaDeArtigos-slider-item listaDeArtigos-slider-item--ativo">
                Notícia 1
              </button>
            </li>
            <li>
              <button data-sliderItem="1" class="listaDeArtigos-slider-item">
                Notícia 2
              </button>
            </li>
            <li>
              <button data-sliderItem="2" class="listaDeArtigos-slider-item">
                Notícia 3
              </button>
            </li>
          </ul>
        </nav>