One Page Scroll v1.3.1 | Как указать ссылку якорь?

Question

[Laid]

Как указать ссылку якорь, если ссылка стоит на самом сайте?
Сайт сделан на плагине прокрутки блоками - www.thepetedesign.com/demos/onepage_scroll_demo.html
Понятно, что site.ru/#2 листать начнет со второго блока. Но ссылка работает если переходить с другого сайта. Если же данная ссылка стоит на самом сайте, то не работает. Подскажите пожалуйста, как можно сделать на самом сайте ссылку, по нажатию на который пользователь будет переходить к определенному блоку

Answer 1

[Сергей Тутуков]

HTML:

<ul class="navigation">
  <li><a href="#" data-index="#1">1</a></li>
  <li><a href="#" data-index="#2">2</a></li>
  <li><a href="#" data-index="#3">3</a></li>
  <li><a href="#" data-index="#4">4</a></li>
  <li><a href="#" data-index="#5">5</a></li>
</ul>

JS:
Открываем jquery.onepage-scroll.js, и ищем строчки

$(".onepage-pagination li a").click(function (){
        var page_index = $(this).data("index");
        el.moveTo(page_index);
      });

добавляем .navigation li a

$(".onepage-pagination li a, .navigation li a").click(function (){
        var page_index = $(this).data("index");
        el.moveTo(page_index);
      });

Возможны небольшие ошибки, должно работать.

Comments

[Greg Popov]

stoik_kpd: попробуйте в якоре не использовать число

[Laid]

Greg Popov: Не заработал. У меня основное меню выключено, мб в этом дело?

[Fingman8]

Автор добра тебе, но у меня немного по другому сработало.

<ul class="navigation">
  <li><a href="#1" data-index="1">1</a></li>
  <li><a href="#2" data-index="2">2</a></li>
  <li><a href="#3" data-index="3">3</a></li>
  <li><a href="#4" data-index="4">4</a></li>
  <li><a href="#5" data-index="5">5</a></li>
</ul>

А что касается jQuery все просто и гениально