Как избежать скачков header с использование scroll и transform?

Петр Питерский, предлагаю сменить структуру, и сделать то что нужно, экспериментируя различные варианты, что бы оно работало так как ты ожидаешь

а потом всем таблицам поменять структуру

Как различать между собой id в телеграмм?

что бы отличить бота от человека, там специальный параметр есть который отправляет тг, а не вычислять различия между Id, вроде как называется is_bot

Как избежать скачков header с использование scroll и transform?

Петр Питерский, top изменяй а не translateY + добавь will-change: top; для header, трансформация анимирует и фон, что тоже влияет на производительность

Как зафиксировать шапку у таблицы?

Петр Питерский, он сразу не может быть стики для двух блоков

Как зафиксировать шапку у таблицы?

Петр Питерский, тогда без js не вариант, сделать как сделал DIVSIDE но ещё на js повесить событие на скролл и при скролле у этого хедера менять top стиль, и если он равен нижней границе блока, тогда ещё что-то делать, ну это бред полный, я явно даже пример это бреда писать не буду

Как зафиксировать шапку у таблицы?

Петр Питерский, с чего нельзя менять структуру ? аргументируй

Как зафиксировать шапку у таблицы?

Петр Питерский, есть скролл, и ширина у ней ограничена и равана ширине боди

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

Как зафиксировать шапку у таблицы?

Петр Питерский, https://codepen.io/kapysta-xxl/pen/JjgXPeq так ? ну хз так и не так, я спать ушёл, тут даже походу и обсервер не нужен был

Как зафиксировать шапку у таблицы?

а лучше покажи макет сам, где гарантия что твоя структура верная ?

Как зафиксировать шапку у таблицы?

Пробовал разные варианты в том числе и на JS IntersectionObserver, но если у шапки ставить position absolute или fixed

те надо что бы она изначально была вообще простом состоянии ( в котором она должна скролиться в блоке со скроллом горизонтальным, а при вертикальном скролле уже отслеживать её и добавлять к ней уже fixed

сверстай нормально и сделай демо ( или хотя бы сверстай для демо нормально ) , а не вот эти ошмётки которые в вопросе

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, https://stackoverflow.com/questions/18481550/how-t...

так же можно прямо в стили записать переменную ( в аттрибут style ) и читать её

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee,

Если отталкиваться от этого, то как можно еще отслеживать допустим выполнение кейфрема на 10%?

можно юзать разные переменные на каждом шаге анимации ( но не знаю поможет ли это ) , может ещё какие-то варианты есть - хз

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee,

нельзя создавать доп зависимости

это тебе либо дебил посоветовал ( на продакшене, что аж даже свайпер нельзя подключить )

либо это задача как раз таки для того что бы ты учился, вот и учись - сиди делай

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, пф

тогда вижу вариант через css, сделать 2 блока полностью одинаковых

первый блок - сразу виден
второй блок - он справа от первого блока ( уходит за границы экрана )

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

останется только

а на блоки эти повесить анимации ( ну и подогнать их между друг другом )

на вложенные блоки

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, и кстати, бегущую строку я тут не вижу, чувак

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, вроде я понял что это такое ( в голове примерно понял )

тут можно взять свайпер, и сделать ему получается бесконечную анимацию ( без паузы между слайдами ), что бы она была тупо плавной, пример на стеке в ответе там есть пример

а на блоки эти повесить анимации ( ну и подогнать их между друг другом )

в принципе как-то так, попроще варианта не вижу

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, ну там же есть ответ вроде как, Алексей что-то там подсказал, но я видел тот вопрос и понял что там пишется что-то на подобии своего слайдера но в того монстра что там написан, вникать не стал увы, сори

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, добавь хотя бы кстати скрин дизайна, то как должно быть, что бы отвечающим было понятнее что там такое

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

HelpMeeee, тебе и не нужны эти 10-20-30-40, можно на каждый элемент повесить свою анимацию с задержкой, что бы изначально первый был активен, потом второй и так делее, а саму анимацию бесконечности не трогать вообще, ну это как вариант, я не любитель анимаций на css, поэтому подсказываю хотя бы такой тапорный метод

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

Как сделать бегущую строку без остановки и анимировать элементы внутри ее?

ты определись тебе либо строка нужна, либо слайдер, если строка то css, если слайдер - то причём тут строка бегущая, если у тебя элементы какие-то внутри и их анимация ?

тут я делал, вроде она без рывков, может поможет https://codepen.io/kapysta-xxl/pen/XWowEpr