Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.03.2017, 11:13   #1
Igorby
 
Регистрация: 06.07.2016
Сообщений: 7
По умолчанию Изменение стиля блока (например: меню) при прокрутке - HTML, CSS

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

Подскажите как называется сей эффект? За счет чего он работает? И как это реализовать?
Igorby вне форума Ответить с цитированием
Старый 24.03.2017, 11:16   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Так откройте DevTools (кнопка F12) и посмотрите )
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 27.03.2017, 18:06   #3
zomb1e
Новичок
Джуниор
 
Регистрация: 27.03.2017
Сообщений: 3
По умолчанию

Используется js. При загрузке страницы высчитывается offset элементов, при прокрутки которых изменяется стиль. Вешается $(window).scroll (jquery), и когда offset window достигает offset якоря добавляется класс
zomb1e вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Появление спрятанного блока (внешнего) при наведении - 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