Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Откорректировать скрипт прокрутки, Как обратиться к элементу
Xes  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 844
Пользователь №: 27442
На форуме: 5 лет, 7 месяцев, 19 дней
Карма: 7




Был скрипт который считывал положение сылки в блоке так если порядковый номер элемента в списке.
Далее прокручивал к другому блоку который имел аналогичное порядковое значение.

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

Я частично откорректировал скрипт он читает значение атрибута. Но не как не могу сказать чтобы он прокручивался к элементу 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);
});
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Xes  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 844
Пользователь №: 27442
На форуме: 5 лет, 7 месяцев, 19 дней
Карма: 7




Прошу прощение за неровное выражение мыслей выше, давно не писал.

Старый скрипт полностью работал.
Вот в этой части мы обращались к целевому элементу который имеет нужный нам класс и обладет нужным порядковым номером (номер которым он встречается на странице).

$('.scroll-to-block').eq(index)

Вот нужно это заменить на объект обладающий классом .scroll-to-block и имеющим значение атрибута data-rel = переменной index которая была найдена в выражении var index = $(this).data('rel');

Изходя из прочитанного на некторых сайтавх я перепробывал несколько вариантов но ни чего не пошло.
Вот это самый адекватный вид, но тоже не работает.
$('.scroll-to-block').attr('[data-rel="'+index+'"]')
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Invis1ble  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме




******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 11786
Пользователь №: 23195
На форуме: 6 лет, 4 месяца, 12 дней
Карма: 429

Трезвый :
7 лет, 3 месяца, 12 дней


$('.scroll-to-block[data-rel="' + index + '"]')


--------------------
PMПисьмо на e-mail пользователюСайт пользователя
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Xes  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 844
Пользователь №: 27442
На форуме: 5 лет, 7 месяцев, 19 дней
Карма: 7




Цитата (Invis1ble @ 3.05.2015 - 16:32)
$('.scroll-to-block[data-rel="' + index + '"]')

Добротно. Спасибо!
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса