Как обойти поднятие вверх id анкора?

Question

[hsnz]

Ребята, привет.
Подскажите пожалуйста, есть слайдер, но суть в том, что он создан на id анкорах, и нашу страницу при переключение на стрелку подымает к вверху, надо это обойти, возможно можно использовать другой подход?

<div class="slider">
  <ul>
    <li id="slider-1" class="slide">
      <img src="https://lh3.googleusercontent.com/-PcDDGh9C6Uk/UUoRYu8TmGI/AAAAAAAAADk/bVCVnUEott4/s1231/2.jpeg.jpg">
      <a class="prev" href="#slider-5">prev</a>
      <a class="next" href="#slider-2">next</a>
    </li>
    <li id="slider-2" class="slide">
      <img src="https://lh5.googleusercontent.com/-ImESS5vXwTQ/UUoRZtDDdwI/AAAAAAAAAD0/mBlvPxXMuDU/s1231/3.jpeg.jpg">
      <a class="prev" href="#slider-1">prev</a>
      <a class="next" href="#slider-3">next</a>           
    </li>
    <li id="slider-3" class="slide">
      <img src="https://lh3.googleusercontent.com/-a4HykmTjnLw/UUoRZ9AOzNI/AAAAAAAAAD8/bsVqg8naI2o/s1231/4.jpeg.jpg">
      <a class="prev" href="#slider-2">prev</a>
      <a class="next" href="#slider-4">next</a>           
    </li>
    <li id="slider-4" class="slide">
      <img src="https://lh5.googleusercontent.com/-lmIWz4ADxc0/UUoRaFjdNXI/AAAAAAAAAEI/widPZMMiBVM/s1231/5.jpeg.jpg">
      <a class="prev" href="#slider-3">prev</a>
      <a class="next" href="#slider-5">next</a>          
    </li>
    <li id="slider-5" class="slide">
      <img src="https://lh3.googleusercontent.com/-ZbMYEV9F1Bc/UUoRajU3qmI/AAAAAAAAAEE/Y8nB8gecGgU/s1000/6.jpeg.jpg"> 
      <a class="prev" href="#slider-4">prev</a> 
      <a class="next" href="#slider-1">next</a>
    </li>
</div>

Answer 1

[Froggyweb]

Странный слайдер используй event.preventDefault()

https://learn.javascript.ru/default-browser-action

Comments

[hsnz]

Если я использую данную функцию, то вообще ничего не происходит.

[Froggyweb]

Надо копать js слайдера. Скорее всего это жуткий самопис.

[hsnz]

Он работает только на CSS и HTML без JS, в этом все дело.

[Froggyweb]

hsnz: этого не может быть или код приведен не полностью. Выложи демо на Codepen

Answer 2

[Андрей Саныч]

Как вариант

$('.prev, .next').on('click', function (e) {
    e.preventDefault();
});