[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Откорректировать скрипт прокрутки
Xes
Был скрипт который считывал положение сылки в блоке так если порядковый номер элемента в списке.
Далее прокручивал к другому блоку который имел аналогичное порядковое значение.

Скролинг как понятно сделан через одно место и под конкретную ситуацию при изменнении сайта у меня все перестало работать.

Я частично откорректировал скрипт он читает значение атрибута. Но не как не могу сказать чтобы он прокручивался к элементу 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);
});
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.