Почему top: -50px не работает на safari iOS?

Question

[Артём]

Собственно суть вопроса. В хроме на андроид указатели слайдера отображаются корректно по центру с помощью атрибута top: -50px , но в сафари на айФоне нет.

https://www.laneson.com/kickstarter/ - ссылка

Comments

[tyzberd]

даже в хроме при обновлении страницы не правильно высчитывает высоту joxi.ru/823jJg8uJWVK0m
после клика по слайдеру стрелочки становятся на место.
Намучаетесь вы с такой версткой. Пробовали смотреть с навигационными панелями, у меня так на моб телефоне выглядит как на скрине joxi.ru/VrwQLpecOxNXa2

Answer 1

[sdgroup14]

вообщем IOS моя любимая тема... Запомните IOS строгой типизации. Видимо у top не бывает значений отрицательных. Такой же прикол у меня был с кнопкой в виде div через js click. Клик на див не работал пока я не указал в стилях этому диву cursor: pointer.... Вот такие костыли с IOS попробуйте использовать transform: translateY(-50px); вместо top