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

linoa123 @linoa123

javascript

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

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

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

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

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

szQocks @szQocks

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

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

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

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

leeroyjenkins176 @leeroyjenkins176

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

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

KonstantinDyulin @KonstantinDyulin

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

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

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

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

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

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

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

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

JavaScript

Простой
Как конвертировать массив полей FORM/формы в массив полей объекта JS?
- 1 подписчик
- 17 часов назад
- 77 просмотров
1

ответ
HTML

+2 ещё

Средний
Выбрать значение из выпадающего списка на странице с ожиданием?
- 1 подписчик
- 17 часов назад
- 62 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как устранить задержку js-скрипта в Slabify?
- 1 подписчик
- вчера
- 62 просмотра
0

ответов
JavaScript

Средний
Как сделать сложное условие с циклами?
- 1 подписчик
- вчера
- 170 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как анализировать JS и PHP ошибки на своем сайте?
- 1 подписчик
- вчера
- 176 просмотров
3

ответа
JavaScript

+1 ещё

Простой
Как улучшить код и что в нём может быть не так?
- 1 подписчик
- 15 янв.
- 1604 просмотра
2

ответа
JavaScript

+2 ещё

Средний
Почему addItem передает пустое значение?
- 2 подписчика
- 15 янв.
- 359 просмотров
0

ответов
JavaScript

Средний
Почему сброс значений фильтрации и сортировки ломает всю логику у плагина DataTable?
- 2 подписчика
- 15 янв.
- 66 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как изменить ширину карусели owl-carousel Битрикс?
- 1 подписчик
- 15 янв.
- 50 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Подсчет нажатия кнопки и сохранение параметра в свойство элемента Битрикс?
- 1 подписчик
- 15 янв.
- 47 просмотров
0

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

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Fullstack developer (JS, C++)

Сбер • Москва

от 300 000 ₽

C++, добавление логики в шахматы на SFML

18 янв. 2025, в 03:12

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

Настроить ssl сертификат для сайта

18 янв. 2025, в 00:01

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

Парсер для сайта

17 янв. 2025, в 23:56

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