f
@Polina_emelyanova , и другие гуру вёрстки, помогите найти причину, почему при скролле шапка не много дёргается? Транзишны прописаны, но дёрганье не большое осталось, заметно по кнопке заказать звонок - https://fenq2.github.io/energy-systems/
Size: a a a
2020 October 06
PE
@Polina_emelyanova , и другие гуру вёрстки, помогите найти причину, почему при скролле шапка не много дёргается? Транзишны прописаны, но дёрганье не большое осталось, заметно по кнопке заказать звонок - https://fenq2.github.io/energy-systems/
А кто будет отступы контролировать?
У тебя шапка получает фиксед, а кто ее место займет?
У тебя шапка получает фиксед, а кто ее место займет?
f
А кто будет отступы контролировать?
У тебя шапка получает фиксед, а кто ее место займет?
У тебя шапка получает фиксед, а кто ее место займет?
Точно))
PE
f
А кто будет отступы контролировать?
У тебя шапка получает фиксед, а кто ее место займет?
У тебя шапка получает фиксед, а кто ее место займет?
А что можно сделать в этом случае?
PE
Как только шапка получает класс - у низлежащего элемента появляется маргин-топ равный ее высоте
f
Идеально было бы position: sticky задать, но тогда вообще дёрганная дичь происходит почему-то(
PE
Потому что у тебя стики получает не весь хедер, выходит, а только ВЕРХНЯЯ часть, а нихняя улетает в даль. А она, кста, тоже имеет высоту, так-то
PE
которая "исчезает" и нижние блоки - прыгают, поэтому. ИМХО это так работает
PE
Вот и причина прыжка. Надо тогда эту высоту восстановить.
f
Вот и причина прыжка. Надо тогда эту высоту восстановить.
Даже если оставлять все элементы, а уменьшать только высоту header при скролле и давать ему фиксед, то всё-равно прыгает.
p.s. Нижний блок под шапкой двигаю на маргин-топ равный высоте шапки
p.s. Нижний блок под шапкой двигаю на маргин-топ равный высоте шапки
f
Даже если ничего не менять, а задать один лишь position: fixed, то прыгает)
f
Мне кажется прыгает она из-за того, что она изначально не fixed, а при скролле на 1px получает fixed, из-за этого она прыгает на этот 1 пиксель
PE
ну... Может и так... Я бы облегчила структуру таким образом, чтобы у меня было лого и 2 строки. И верхнюю я бы "прибивала", а нижнюю - прокручивала.
PE
Т.е. получается вышибала бы из потока.
EМ
привет кто swiper часто юзает ? , такая проблема, не могу понять почему стрелки не хотят работать, несколько сладеров на странице, в консоли получаю эти стрелки вот ссылка на сайт http://test-5.3mma.ru
ИМ
привет кто swiper часто юзает ? , такая проблема, не могу понять почему стрелки не хотят работать, несколько сладеров на странице, в консоли получаю эти стрелки вот ссылка на сайт http://test-5.3mma.ru
Вы их подключили в настройках слайдера?
EМ
Вы их подключили в настройках слайдера?
I
если свайпер последний стоит то нужно явно импортировать навигацию