Далее прокручивал к другому блоку который имел аналогичное порядковое значение.
Скролинг как понятно сделан через одно место и под конкретную ситуацию при изменнении сайта у меня все перестало работать.
Я частично откорректировал скрипт он читает значение атрибута. Но не как не могу сказать чтобы он прокручивался к элементу div который в некотором атрибуте имеет такое же значение.
Код ниже.
<div class="menu-entry active">
<a href="/">Главная</a>
</div>
<div class="menu-entry">
<a class="scroll-to-link" data-rel="2">Почему Мы?</a>
</div>
<div class="menu-entry">
<a class="scroll-to-link" data-rel="3">Проекты</a>
</div>
<div class="menu-entry">
<a class="scroll-to-link" data-rel="4">Варианты исполнения</a>
</div>
<div class="menu-entry">
<a class="scroll-to-link" data-rel="5">Уже готовые</a>
</div>
</nav>
Пример начала блока назначения, куда прокручивать.
<div class="block type-1 style-1 scroll-to-block" data-rel="2">
.....
БЫЛО
//scrolling to some block
$('.scroll-to-link').click(function(){
var index = $('.scroll-to-link').index(this);
$('body, html').animate({'scrollTop':$('.scroll-to-block').eq(index).offset().top - subHeaderHeight}, 500);
});
мой вариант. Работает частично считывается значение из атрибута data-rel ссылок типа <a class="scroll-to-link" data-rel="2">Почему Мы?</a>,
но загвоздка в том что я не могу обратиться к блоку назначения который имеет класс scroll-to-block и значение атрибута data-rel полученного ранее $('.scroll-to-block').attr('[data-rel="'+index+'"]')
//scrolling to some block
$('.scroll-to-link').click(function(){
var index = $(this).data('rel');
$('body, html').animate({'scrollTop':$('.scroll-to-block').attr('[data-rel="'+index+'"]').offset().top - subHeaderHeight}, 500);
});