Страница с тестами. Компонент Отслеживание прокрутки : Scrollspy.


Single, Repeat, Delay

Элемент анимируется только при его первом появлении в окне просмотра.

Элемент анимируется каждый раз, когда он появляется в окне просмотра.

Элемент анимируется каждый раз, когда он появляется в окне просмотра, но с задержкой в 1,5 с.

Group, Repeat, Delay

Анимация этого элемента задерживается на несколько миллисекунд.

Задержка анимация этого элемента на несколько миллисекунд.

Анимация этого элемента задерживается на несколько миллисекунд.

Задержка анимация этого элемента на несколько миллисекунд.

Группа: Fade

Fade

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Fade

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Fade

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Fade

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Scale Up

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Scale Up

Разнообразный и богатый опыт рамки и место обучения кадров обеспечивает широкому кругу специалистов участие в формировании!

Группа: Scale Down

Scale Down

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Scale Down

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Scale Down

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Scale Down

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Left

Left

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Left

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Left

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Left

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Right

Right

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Right

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Right

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Right

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Top

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Bottom

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Различные анимации

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Bottom

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Top

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Группа: Stroke

Stroke

Stroke

Stroke

Stroke

Различные анимации: Stroke + Fade

Stroke

Stroke

Stroke

Stroke

Adjacent Sibling (Test for Scrollspy Nav)

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Равным образом новая организационной деятельности требует от нас системного анализа форм воздействия? Таким постоянный рост.

Параметры JavaScript

Scrollspy

Опция Значение По умолчанию Описание
cls String Класс для переключения, когда элемент входит / покидает область просмотра.
hidden Boolean true Скрывает элемент, находясь вне поля зрения.
offset-top Number 0 Верхнее смещение до запуска в поле зрения.
offset-left Number 0 Смещение влево до запуска в поле зрения.
repeat Boolean false Применяет класс cls каждый раз, когда элемент находится в поле зрения.
delay Number 0 Время задержки в мс.

Scrollspy Nav

Опция Значение По умолчанию Описание
cls String uk-active Класс для добавления к активным ссылкам.
closest String uk-scrollspy-init-inview Применить класс к цели.
scroll Boolean false Добавляет компонент Scroll к своим ссылкам.
overflow Boolean true Если для параметра overflow установлено значение true,
первый или последний элемент останется активным, если находится над или под навигацией.