169 похожих чатов

Народ Мне нужно шапку sticky сделать но так чтоб - её содержимое

отличалось от того что не зафиксированном виде
- фиксация происходила когда достигаем верхней границы одного из её элементов (у меня 2 меню - хочу чтоб при достижении второго)

какой инструмент (плагин) вы бы взяли для этой задачи?
я взял react-stickynode
но непонятно можно ли с ним достичь желаемого эффекта
у всех плагинов обычно проблемы когда некий элемент при фиксации видоизменяется по высоте
если он такой же по высоте то всё ок - под него пустое пространство делается и никакого скачка нету

7 ответов

14 просмотров

На чистом цсс и реакте бы сделал

Это что, шутка какая-то? Плагин для position: fixed и условного рендеринга?

Znacovean-Simion ... Автор вопроса
Orc Becker
Это что, шутка какая-то? Плагин для position: fix...

ну покажи мне свой простой кодик который сделает указанную в моем посте задачу?)

Znacovean-Simion ... Автор вопроса
Alexey Shevchenko
На чистом цсс и реакте бы сделал

не сделал бы на чистом css тебе всё равно нужно смотреть за высотой элементов конечно можно хардкодить строго высоты зависимых элементов в стилях но это не гибкое решение

Znacovean Simion ...
не сделал бы на чистом css тебе всё равно нужно см...

Нууу если на то пошло мы в проектах пишем свои юзресайзы, где висит слушатель не скролл и возвращает мне высоту. Также, есть интерсепшнобзервер, самое крутое решение, который триггеритсч на пересечении) поэтому смена свойств будет простой

Znacovean-Simion ... Автор вопроса
Alexey Shevchenko
Нууу если на то пошло мы в проектах пишем свои юзр...

есть примерчик с описанным кейсом sticky (фиксед) шапки?

Znacovean Simion ...
ну покажи мне свой простой кодик который сделает у...

position: fixed для твоей шапки, считывай скролл - как это делать в инете сам найдёшь, при его изменении (у > 0 или сколько тебе там надо) меняешь контент с помощью обычного ифа

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

Обсуждают сегодня

Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
70
Всем доброго дня, ребят подскажите пожалуйста, если в курсе по ассемблеру используется MASM32, могу ли я использовать FASM? В чем явная разница и будет ли у меня все работать?
Botsman
17
Хотел бы спросить у знающих, правильную ли я выбрал книгу для начала изучения ассемблера Юрова В.И ? Или есть более лучшие книги для начала обучения?
Botsman
25
Книга Юрова В.И пойдёт для обучения?
Botsman
24
$params = [ 'formid' => 'feedbackForm', 'formTpl' => '@CODE: <form class="form-validate" data-id="ajax_form"> <fieldset class="margin-bottom-md"> ...
Pathologic
1
Люди добрые, помогите с идеями, потому что свои закончились. У клиента падает софтина в момент инициализации модуля OtlEventMonitor на RegisterWindowMessage('Gp/OtlTaskEvents/...
Михаил Усков
7
> Примечательно, что новый владелец удаляет из GitHub любые жалобы, указывающие на подозрительную активность или смену владельца, и, видимо, рассчитывает на то, что пользовате...
Alex Sherbakov
2
GridView fully ignored first parent(SizedBox), and take width from second parent(Container). How can I constrain GridView by first parent? Widget build(BuildContext context) {...
Hamster
1
Коллеги, добрый день. Есть такой вопрос: Есть модуль, который надо запустить через супервизор как дочерний процесс. Пока инстансов было нужно 8, всё было окей, но когда их ст...
Δημήτηρ
4
Hey there Which is the best Linux destro for developers (coding)? To my research on reddit, they said Linux mint is good for mid level spec and Ubuntu for high Lev hardwar...
Wiz 🪄
11
Карта сайта