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

linoa123 @linoa123

javascript

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

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

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

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

Средний
Как исправить скрипт tampermonkey, чтобы при открытии новой вкладки собирать данные?
- 1 подписчик
- 3 часа назад
- 32 просмотра
0

ответов
JavaScript

Простой
Как сделать пагинацию на js для нескольких независимых секций на странице?
- 1 подписчик
- 21 час назад
- 61 просмотр
0

ответов
HTML

+1 ещё

Простой
Как сделать так, чтобы при нажатии не исчезало?
- 1 подписчик
- вчера
- 103 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как создание лепестковую диаграмму (radar chart)?
- 1 подписчик
- вчера
- 92 просмотра
1

ответ
HTML

+1 ещё

Средний
Вопрос по DIV и uKit (не обращайте внимания на знак вопроса)?
- 1 подписчик
- вчера
- 104 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему выдает ошибку когда загружаю проект в Vercel?
- 1 подписчик
- вчера
- 75 просмотров
0

ответов
JavaScript

Простой
Как сгруппировать значения массива?
- 1 подписчик
- 15 нояб.
- 135 просмотров
1

ответ
CSS

Простой
Не понимаю, почему блок уходит влево?
- 1 подписчик
- 14 нояб.
- 123 просмотра
1

ответ
JavaScript

Простой
Как можно сделать подобный слайдер?
- 1 подписчик
- 14 нояб.
- 136 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Ошибка Uncaught ReferenceError: exports is not defined?
- 1 подписчик
- 14 нояб.
- 58 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Настроить переброс маршрутов на роутере

17 нояб. 2024, в 14:33

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

Доработать Telegram бота, разместить его на сервере

17 нояб. 2024, в 14:13

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

Выполнить работы по философии, ~12шт

17 нояб. 2024, в 13:44

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