Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связать якорь тега [A] и [SELECT] / 2 сообщений из 2, страница 1 из 1
29.08.2016, 14:30
    #39299606
dima_si
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Связать якорь тега [A] и [SELECT]
Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Кто в теме пожалуйста подскажите, как это можно реализовать.
...
Рейтинг: 0 / 0
03.09.2016, 08:35
    #39303036
dima_si
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Связать якорь тега [A] и [SELECT]
решил задачу следующим образом:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
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;
        });
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связать якорь тега [A] и [SELECT] / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]