Рассмотрим пример:
https://jsfiddle.net/j4pfck6a/
Если нажать на кнопку, серому диву добавляется/убавляется translateY
Элемент с position: sticky ведет себя по разному в браузерах.
В Хроме и прочих он сдвигается вместе с парентом.
В Сафари реализовано слегка по другому - sticky не учитывает сдвиг парента, ему интересно только собственное top. Но во время анимации sticky всё равно двигается, потом отскакивает!
Как бы сделать так, чтобы в Сафари хотя бы не было этого движения sticky при анимации парента?