Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Вика Мармеладка
@homsi959
JavaScript
HTML
CSS
Как сделать переход блоков подобный на сайте?
Как сделать такой вот переход как на сайте. При прокрутке первый блок пропадает под основной кантент.
https://mixpanel.com/
Вопрос задан
более трёх лет назад
297 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Андрей Верх
@sadisme
font-size:30rem
Это называется parallax
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
trushka
@trushka
У верхнего блока position: fixed и top меняется по onscroll в 2 раза мленнее, чем scrollTop. У основного контента z-index больше, по этому он "наезжает" на шапку
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Максим
@LenovoId
svg, css,js
https://youtu.be/-5jBxqhx7oE
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
13 часов назад
95 просмотров
4
ответа
JavaScript
Средний
Windows просит USB-ключ, а мне нужен PIN. Как включить проверку пароля/PIN в Windows Hello?
1 подписчик
15 часов назад
47 просмотров
1
ответ
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
16 часов назад
70 просмотров
1
ответ
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
3 подписчика
вчера
773 просмотра
2
ответа
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
вчера
154 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
5 подписчиков
вчера
1907 просмотров
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
88 просмотров
2
ответа
JavaScript
Средний
Как отправить куки?
1 подписчик
31 мар.
149 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
31 мар.
45 просмотров
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
31 мар.
54 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама