Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.08.2019, 13:04
Аватар для Alexandroppolus
Профессор
Отправить личное сообщение для Alexandroppolus Посмотреть профиль Найти все сообщения от Alexandroppolus
 
Регистрация: 25.10.2016
Сообщений: 1,012

sticky и сдвиг в Сафари
Рассмотрим пример: https://jsfiddle.net/j4pfck6a/

Если нажать на кнопку, серому диву добавляется/убавляется translateY
Элемент с position: sticky ведет себя по разному в браузерах.

В Хроме и прочих он сдвигается вместе с парентом.

В Сафари реализовано слегка по другому - sticky не учитывает сдвиг парента, ему интересно только собственное top. Но во время анимации sticky всё равно двигается, потом отскакивает!

Как бы сделать так, чтобы в Сафари хотя бы не было этого движения sticky при анимации парента?
Ответить с цитированием
  #2 (permalink)  
Старый 07.08.2019, 14:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Alexandroppolus
Как бы сделать так, чтобы в Сафари хотя бы не было этого движения sticky при анимации парента?
Как вариант, сделать для Сафари свои стили...
https://cssing.org.ua/2007/11/15/hacking-safari/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Сафари и куками Karacupa Opera, Safari и др. 0 21.04.2015 12:01
Глюки с сафари при popstae vuler Общие вопросы Javascript 0 18.04.2015 12:28
Анализатор спектра не работает в сафари desperado Javascript под браузер 5 16.03.2015 18:36
скрить часть видео из ютуба не работает в сафари dadli Opera, Safari и др. 15 07.08.2012 11:14
jQuery scrollTop не работает в хроме и в сафари dadli jQuery 2 12.05.2012 14:54