1. dima_si - 29 Августа, 2016 - 14:13:58 - перейти к сообщению
Уважаемые форумчане, уверен, что кто-то из вас уже сталкивался с подобной задачей. На странице имеется список SELECT, который в свою очередь содержит все якоря, которые раскиданы по странице. При выборе селекта настроен переход на нужный якорь. Необходимо настроить обратное взаимодействие, когда при скроллинге будет меняться значение SELECT'a в соответствии с проходящем якорем. Использую JQuery, т.ч. можно и на нем. Кто в теме пожалуйста подскажите, как это можно реализовать.
2. OrmaJever - 29 Августа, 2016 - 17:05:52 - перейти к сообщению
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, но логикая я думаю понятна