Jquery якорь, как сделать правильно?

Question

[bbaggins]

В настоящий момент использую такое решение:

Query("#a1").click(function() {
    pagcenter();
    jQuery('html, body').animate({
      scrollTop: jQuery("#a2").offset().top
    }, 1000, 'swing');
  });

Подскажите, как изменить скрипт таким образом чтобы якоря с1, b1, d1 тоже можно было применить в данной конструкции, не хочется дублировать скрипты.

Answer 1

[Максим]

дай ссылке класс, например page-scroll + ссылкам добавляешь аттрибут data-scrollid="a2" (к какому блоку будет прокручиваться)

не проверял, но должно работать

Query(".page-scroll").click(function() {
    pagcenter();
    jQuery('html, body').animate({
      scrollTop: jQuery( '#' + $(this).data("scrollid") ).offset().top
    }, 1000, 'swing');
  });

Comments

[bbaggins]

ниже написал

Answer 2

[bbaggins]

<a href="#test" class="page-scroll" data-scrollid="a1">test</a>
<h3 id="test" data-scrollid="a1">test</h3>

Я правильно сделал? Что-то не заводится.

Comments

[Максим]

блоку data-scrollid не нужно давать. только ссылке.

[Максим]

вместо id="test" -> id="a1"

[Максим]

Максим: а в ссылке href не важно какой

[bbaggins]

Максим: Спасибо, робит))