|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
24.03.2017, 11:13 | #1 |
Регистрация: 06.07.2016
Сообщений: 7
|
Изменение стиля блока (например: меню) при прокрутке - HTML, CSS
Последнее время можно часто увидеть сайты, где меню (обычно верхнее) меняет свой вид в зависимости от того в какой части страницы (верх, середина, низ), оно находится. То есть в самом начале меню может быть без фона, но стоит пользователю начать скролить страницу, как блок становится фиксированным у меню появляется, фон, меняется цвет и размер шрифта и весь этот процесс трансформации происходит с каким-то анимационным эффектом.
Подскажите как называется сей эффект? За счет чего он работает? И как это реализовать? |
24.03.2017, 11:16 | #2 |
Старожил
Регистрация: 12.01.2011
Сообщений: 19,500
|
Так откройте DevTools (кнопка F12) и посмотрите )
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом. |
27.03.2017, 18:06 | #3 |
Новичок
Джуниор
Регистрация: 27.03.2017
Сообщений: 3
|
Используется js. При загрузке страницы высчитывается offset элементов, при прокрутки которых изменяется стиль. Вешается $(window).scroll (jquery), и когда offset window достигает offset якоря добавляется класс
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Появление спрятанного блока (внешнего) при наведении - HTML, CSS | Igorby | HTML и CSS | 1 | 29.08.2016 21:41 |
Изменение стиля другого блока | Parallelogram | JavaScript, Ajax | 3 | 16.01.2015 23:12 |
Фиксация блока при вертикальной прокрутке | ВалекFCRK | HTML и CSS | 2 | 27.03.2014 16:06 |
Меню на HTml/CSS | МОЛЛь | HTML и CSS | 1 | 27.05.2013 13:16 |
HTML меню с CSS | ser2live | HTML и CSS | 3 | 23.05.2012 00:17 |