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

> Связать якорь тега [A] и [SELECT], Необходимо чтобы при скроллинге, менялось значение в SELECT
dima_si  
 ۩  Дата
Цитировать сообщение

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



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 8
Пользователь №: 37017
На форуме: 3 года, 8 месяцев, 11 дней
Карма:




Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Кто в теме пожалуйста подскажите, как это можно реализовать.
Картинка для наглядности
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
jetistyum  
Дата
Цитировать сообщение

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



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

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 2605
Пользователь №: 5568
На форуме: 8 лет, 5 месяцев
Карма: 30




PMСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
dima_si  
 ۩  [x] Дата
Цитировать сообщение

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



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 8
Пользователь №: 37017
На форуме: 3 года, 8 месяцев, 11 дней
Карма:




Решил задачу следующим образом (оставлю для потомков):

var olds=$(document).scrollTop();
$(document).on('scroll', function(e) {
$('#scrl').html('');
var s = $(document).scrollTop();
var name='';
if(olds<s){
$("a[name]").each(function(){
if(s>=$(this).offset().top) {name=$(this).attr('name');}

}
);
}
else{
var DelaemIveriyu = $("a[name]").get().reverse();
$(DelaemIveriyu).each(function(){
if(s<=$(this).offset().top){name=$(this).attr('name');}
}
);
}
$('SELECT option').each(function(){
if($(this).attr('value')=='#'+name)this.selected=true;
else this.selected=false;
});
olds=s;
});
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

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

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