Задать вопрос

linoa123 @linoa123

javascript

Как сделать position sticky для дочернего элемента?

И еще надо чтобы не задавав родителю высоту, то есть чтоб по всей странице ходил
Это возможно только с css или без js никак?

Вопрос задан 29 сент.
158 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

szQocks @szQocks

вопрос понятен только тебе, перепиши его

Написано 29 сент.
linoa123 @linoa123 Автор вопроса

szQocks, примерно так чтоб было

Написано 29 сент.

leeroyjenkins176 @leeroyjenkins176

<body>
	<header style="display: contents;">
		<nav></nav>
		<div style="position: sticky; top: 0"></div>
	</header>
	<main></main>
	<footer></footer>
</body>

Написано 29 сент.

KonstantinDyulin @KonstantinDyulin

linoa123, Тебе нужно что бы на странице было 2 headera?

Написано 30 сент.
ksnk @ksnk

Без JS никак.
На window.onscroll вешаешь изменение класса заголовка, заголовок в этом классе выкидывает ненужные элементы (делает скрытыми) и получает position: fixed; top: 0.
Если значение window.scrollTop достаточно небольшое (размер заголовка в "нормальном положении"), то класс заголовка снимаем - заголовок становится нормальным.

Написано 01 окт.

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- 8 минут назад
- 11 просмотров
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- 7 часов назад
- 39 просмотров
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- вчера
- 76 просмотров
2

ответа
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- вчера
- 30 просмотров
1

ответ
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- вчера
- 85 просмотров
0

ответов
CSS

Средний
Как сделать сквозную нумерацию неупорядоченных списков?
- 1 подписчик
- вчера
- 62 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- вчера
- 188 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 87 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 79 просмотров
1

ответ
HTML

+1 ещё

Простой
Как с помощью регулярного выражения найти все теги?
- 1 подписчик
- 19 дек.
- 80 просмотров
2

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Нужно скопировать слайдер на чистом HTML+CSS и немного доработать

21 дек. 2024, в 14:14

500 руб./за проект

Сделать слайдер (скопировать с сайта) и оптимтзиировать

21 дек. 2024, в 14:12

500 руб./за проект

Сделать страницу на Readymag

21 дек. 2024, в 13:08

1000 руб./в час