Баг с position: fixed в Mac OS

Вопрос-ответ HTML/CSS
1

Задача тривиальна: сделать прибитую плашку к низу окна браузера, которая появляется\исчезает с выезжанием снизу вверх\уезжанием вниз при проскролливании определенного пространства.

Изначально плашка скрыта и CSS такой:


position: fixed
right: 0
left: 0
bottom: -100%

В js, на нужной позиции скролла просто добавляю\удаляю класс

По устанавливаемому классу все просто:


bottom: 0

Но в Mac OS в гугл-хроме, через несколько перезагрузок панель появляется всего на 5-10 пикселей от низа. Причем в Windows в хроме все ок.

2

Если бы ты сделал страничку с примером, например на http://jsfiddle.net, было бы удобнее проверить баг и найти решение.

Я бы сперва попробовать триггернуть еще один repaint-reflow при отображении плашки.

3

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

4

неужели ничем не победить?)

5

если ты воссоздашь баг где-то - посмотрим. Думаю что можно
думаю что самый верный способ - немного попереставлять елементы
у меня был подобный (панелька которая фикс при скроле сьезжала со своей позиций)

6

Сделай видео выложи поведение, то маком не скоро обзаведусь…

  1. Попробуй использовать другие css правила, к примеру сделать выезд с нижнего края добавляя

    margin-top: -(высота выезжающего блока)

  2. Определяй через js MacOS и Ghrom и делай что-то что решает проблему в этом укружении