PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Связать якорь тега [A] и [SELECT]

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Необходимо чтобы при скроллинге, менялось значение в SELECT

Поиск в теме | Версия для печати

dima_si	Отправлено: 29 Августа, 2016 - 14:13:58
Новичок Покинул форум Сообщений всего: 3 Дата рег-ции: Март 2013 Помог: 0 раз(а)	Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Кто в теме пожалуйста подскажите, как это можно реализовать. Прикреплено изображение (Нажмите для увеличения)

OrmaJever	Отправлено: 29 Августа, 2016 - 17:05:52
Активный участник Покинул форум Сообщений всего: 7540 Дата рег-ции: Янв. 2010 Откуда: Чернигов Помог: 299 раз(а)	CODE (javascript): скопировать код в буфер обмена $(document).on('scroll', function(e) { var s = $(document).scrollTop(); if( s > $('a[name=jakor3]').offsetTop() ) { $('option[value=jakor3]').attr('selected', 'selected'); } else if( s > $('a[name=jakor2]').offsetTop() ) { $('option[value=jakor2]').attr('selected', 'selected'); } else if( s > $('a[name=jakor1]').offsetTop() ) { $('option[value=jakor1]').attr('selected', 'selected'); } }) Я не проверял, мог даже ошибиться с названиями методов jQuery, но логикая я думаю понятна (Отредактировано автором: 29 Августа, 2016 - 17:06:58) ----- Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

armancho7777777	Отправлено: 29 Августа, 2016 - 18:53:39
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	OrmaJever пишет: мог даже ошибиться с названиями методов jQuery OrmaJever пишет: offsetTop() offset().top

dima_si	Отправлено: 31 Августа, 2016 - 09:57:11
Новичок Покинул форум Сообщений всего: 3 Дата рег-ции: Март 2013 Помог: 0 раз(а)	armancho7777777, OrmaJever спасибо за пинок в нужном направлении, готовый вариант кода выглядит следующим образом (возможно кому-то и пригодится): CODE (javascript): скопировать код в буфер обмена 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; });

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.