[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Связать якорь тега [A] и [SELECT]
dima_si
Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Кто в теме пожалуйста подскажите, как это можно реализовать.
Картинка для наглядности
jetistyum
http://stackoverflow.com/questions/1683332...point-in-jquery

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

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;
});
Быстрый ответ:

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