Почему "моргают" слои анимации на iOS и Safari?

Артур Кранц, CSS анимация, если не ошибаюсь, самая "тяжелая" для брааузера.
Если разрабы умеют, предложите им перерисовать на canvas. Он "легче" в плане анимации.
И я не одна так думаю

Не работает navbar?

Andrew Designer, скрипт должен быть на всех страницах где есть dropdown меню.
Не забудьте класс заменить на свой, если вы бутстраповский меняли.

Почему "моргают" слои анимации на iOS и Safari?

Артур Кранц, вы сравнивали скорость перерисовки и там и там?

Я имею ввиду что:
- нужно записать анимацию как описано в статье
- сравнить графики
- посмотреть что именно сжирает время ==> замедляет раскадровку

Скорей всего увидите что движок сафари медленнее рендерит страницы. Я обращаю особое внимание, что дело не только в железе.

Таким образом, если вопрос в производительности, почему на слабых андроидах все летает, а на более мощных iOS и Маках все тормозит и моргает?

А почему валидация формы на хроме нормально работает, а на Сафари нет?
А почему в IE не работает чуть менее чем все?
Ответ один : из-за разницы работы движков разных браузеров.

Если я правильно понимаю, у вас анимация вся на CSS написана?

Какой слайдер использовать для этого решения?

Похоже на Simple 3D Coverflow.

Не работает navbar?

Сайт есть в общем доступе?
Если нет, выложите код, чтобы можно было увидеть где ошибка.

Какова причина такого поведения вертикальной slick карусели?

у слик это не нормальное поведение

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

PS Мне ни разу не приходилось менять position ни в горизонтальных ни в вертикальных вариантах этой карусели. Все решалось настройками самой карусели, которые предоставляет разработчик.
Желаю успеха в настройке.

Slick.js при centerMode:true и infinite: false имеет боковые отступы, как убрать?

нет, он же написал что использует "infinite: false"

Какова причина такого поведения вертикальной slick карусели?

Но позиция расчитывается не верно (там должно быть 0). Проблема в этом. Надо победить именно это.

У slick-track это нормальное поведение. Он и при загрузке не на нулях стоит. Чтобы исправить эти цифры, нужно править код карусели.

Лучше уточни проблему без предположений что нужно править в коде карусели.
Изначально написано "карусель уходит куда-то вверх." (Карусель не уходит. )
Что именно не устраивает при прокрутке: пустое место внизу, обрезанная картинка на верху, что-то другое?

И учитывая количество уточнений, неси уже код в jsfiddle.

Slick slider, как включить ajax-loader.gif?

А то что класс slick-loading добавляется скриптом slick карусели вас не смущает?
Пока скрипт не загрузится -> не будет класса ->не будет картинки, для которой класс прописан.