powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связать якорь тега [A] и [SELECT]
2 сообщений из 2, страница 1 из 1
Связать якорь тега [A] и [SELECT]
    #39299606
dima_si
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Больше то интересует момент отлова проходящего якоря. С SELECT'om все понятно. Кто в теме пожалуйста подскажите, как это можно реализовать.
...
Рейтинг: 0 / 0
Связать якорь тега [A] и [SELECT]
    #39303036
dima_si
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
решил задачу следующим образом:
Код: 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
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Связать якорь тега [A] и [SELECT]
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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