Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как изменить поведение блоков при прокрутке? (https://javascript.ru/forum/dom-window/52013-kak-izmenit-povedenie-blokov-pri-prokrutke.html)

Szorstki 30.11.2014 13:58

Как изменить поведение блоков при прокрутке?
 
Здравствуйте.
Знаю, что должны быть готовые скрипты такого плана, но не могу найти.
Нужно, чтобы при прокрутке страницы, при достижении определенного блока, этот блок останавливался и дальше, например, менял цвет несколько раз (в процессе прокрутки), а потом продолжилась прокрутка дальше вниз.

Помогите, пожалуйста, найти подобное в готовом виде.

danik.js 30.11.2014 14:32

Сомневаюсь что такая бредовая идея пришла кому-то в голову еще на этой планете.

Szorstki 30.11.2014 14:48

Цитата:

Сообщение от danik.js (Сообщение 343573)
Сомневаюсь что такая бредовая идея пришла кому-то в голову еще на этой планете.

Вы, вероятно, не правильно меня поняли.
Изменение цвета я привел просто в качестве примера. Главное, чтобы можно было изменять свойства CSS. Не хотел грузить конкретикой.
На самом деле надо, чтобы этот блок останавливался и в нем по очереди выделялся контент. Вот пример:

Этот блок находится, где-то в центре страницы. То есть, мы крутим, крутим, доходим до этого блока. Продолжаем крутить, но блок тормозится и начинают поочередно проявляться элементы. Как только проявился последний (про гарантию), начинается прокрутка дальше вниз.

danik.js 30.11.2014 15:16

Поддержка события прокрутки в браузерах разрозненная. В каждом браузере свое событие. Всего их черыте. Недавно стандартизировали событие wheel. В новых браузерах оно поддерживается. Правда с дельтами беда.
Для jquery есть плагин mousewheel, реализующий кроссбраузерное jquery-событие прокрутки. Ну а остольное уже сам.
Перехватываешь событие. Отменяешь действие браузера (прокрутку), делаешь свои дела. Если свои дела уже сделал, то не отменяешь действие браузера - страница прокрутится дальше.

Szorstki 30.11.2014 15:36

Цитата:

Сообщение от danik.js (Сообщение 343587)
Поддержка события прокрутки в браузерах разрозненная. В каждом браузере свое событие. Всего их черыте. Недавно стандартизировали событие wheel. В новых браузерах оно поддерживается. Правда с дельтами беда.
Для jquery есть плагин mousewheel, реализующий кроссбраузерное jquery-событие прокрутки. Ну а остольное уже сам.
Перехватываешь событие. Отменяешь действие браузера (прокрутку), делаешь свои дела. Если свои дела уже сделал, то не отменяешь действие браузера - страница прокрутится дальше.

Это все прекрасно. Но я не шарю в JS.
Поэтому и попросил помочь, как говориться — «не в службу, а в дружбу», найти уже готовый скрипт. Наверняка это уже было реализовано.
Просто, я даже не знаю по какой маске гуглить.

danik.js 30.11.2014 15:43

Цитата:

Сообщение от Szorstki
Наверняка это уже было реализовано

Прокрутка блока "Как происходит процесс ремонта"? Да конечно уже было реализовано, какие могут быть сомнения ))

Szorstki 30.11.2014 15:53

Цитата:

Сообщение от danik.js (Сообщение 343605)
Прокрутка блока "Как происходит процесс ремонта"? Да конечно уже было реализовано, какие могут быть сомнения ))

Понимаю сарказм. Но он здесь не уместен.
Я имел в виду, что сам эффект, скорее всего, был реализован.

danik.js 30.11.2014 15:57

Какой именно эффект? Перехода красной точки через четыре позиции и смены прозрачности картинок возле над этими позициями?

Да, уверен, есть плагин именно для такого эффекта)

Szorstki 30.11.2014 16:07

Цитата:

Сообщение от danik.js (Сообщение 343614)
Какой именно эффект? Перехода красной точки через четыре позиции и смены прозрачности картинок возле над этими позициями?

Да, уверен, есть плагин именно для такого эффекта)

Да именно так. Я спрашивал, если есть у кого ссылки на эти плагины, то был бы очень рад, если поделились бы.

Szorstki 30.11.2014 16:08

Или, хотя бы, по какому запросу гуглить? Пока попадается все не то.


Часовой пояс GMT +3, время: 17:10.