Страница не прокручивается при "нацелевании" через ID

[Manka-Manka]

Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу.

Т.к. объясняю я, возможно, не очень приведу пример:

Сайт с адресом AfrikaTour.net/tours

<div class="slider">
  <ul>
    <li id="n1">1</li>
    <li id="n2">2</li>
    <li id="n3">3</li>
    <li id="n4">4</li>
  </ul>
</div>
<div id="n5">Бла-Бла-Бла</div>

Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась

[klierik]

https://github.com/flesler/jquery.scrollTo

[Manka-Manka]

А можно с примером, а то как то мне так легче. И еще: разве этот скрипт на такое способен? Он вроде только перематывает страницу к определенному моменту по нажатию и все.

[Igor Schnaider]

Вероятно, @klierik имел ввиду прокрутить страницу к началу, если совпадает с теми id.

Что-то типа такого, может:

if (/#n[1-4]/.test(window.location.hash)) {
    window.scrollTo(0, 0);
}

 

[Manka-Manka]

В том-то и дело мне нужно чтобы элементы с вот таким CSS селектором

div.slider *

вообще не реагировали на адреса вида chto-to-tam.net/test/example#ID

Необходимый эффект достигается только используя position: fixed; а это меня ни капельки не устраивает.

Edited June 4, 2016 by Manka-Manka

[Get to heaven]

вообще, насколько я знаю, id должен быть один на странице

[Manka-Manka]

А это тут при чем?

Ну ладно давайте так: я переформулирую вопрос.

И так: Как сделать так, чтобы страница не прокручивалась если id элемента равен "abcdX" где X – что угодно? 

Не прокручивалась значит, чтобы при нацелевании на элемент страница к нему не передвигалась если id такой какой надо.

Edited June 6, 2016 by Manka-Manka

[klierik]

Как вариант отправить путь и вычислить надо ли скролить страницу или нет (согласно логики которую ты описал выше). А не дать странице скроллится, скоре всего, поможет:

if (location.hash) {
  setTimeout(function() {

    window.scrollTo(0, 0);
  }, 1);
}

На заметку могу рекомендовать использовать вместо location.hash более современный подход HTML5 History API