Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Денис
@Slash2018
HTML
CSS
Веб-разработка
Как сделать меню fixed после прокрутки на определенный блок?
Как сделать меню fixed после прокрутки на определенный блок?
Вопрос задан
более трёх лет назад
353 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Дмитрий
@thewind
php программист, front / backend developer
leafo.net/sticky-kit
bigspotteddog.github.io/ScrollToFixed
Если вы хотите именно сами написать, то отслеживайте событие scroll и считывайте координату scrollTop (в случае вертикального скролла). При этом координату надо сравнивать с абсолютной позицией нужного вам блока по нужной оси.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Александр Алексеев
@shure348
$(function(){
$(window).scroll(function(){
if ( $(this).scrollTop() > высота ){
$('.menu').addClass("fixed");
} else {
$('.menu.fixed').removeClass("fixed");
}
});
});
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
17 нояб.
157 просмотров
2
ответа
Веб-разработка
Простой
Какие есть аналоги иностанных web песочниц типа JSFiddle, codepen ...?
1 подписчик
16 нояб.
282 просмотра
1
ответ
Веб-разработка
+1 ещё
Простой
Как реализовать хранение денег пользователей на сайте?
2 подписчика
15 нояб.
534 просмотра
4
ответа
Веб-разработка
+1 ещё
Простой
Каким образом правильно сделать скрипт?
2 подписчика
15 нояб.
282 просмотра
2
ответа
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
186 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
2 подписчика
13 нояб.
171 просмотр
0
ответов
Веб-разработка
+1 ещё
Простой
Почему не работает хостинг Weather API?
1 подписчик
11 нояб.
213 просмотров
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
154 просмотра
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
165 просмотров
0
ответов
Веб-разработка
+1 ещё
Средний
Как запретить отскок сайта webapp telegram?
2 подписчика
05 нояб.
297 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul
•
Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама