Реализация простого Параллакса: Изображения «нервный» в Firefox и Safari

Question

У меня есть следующий потребительной случай:

1. пар элементы контент с изображениями в между
2. изображения всегда будет отображаться как целом (относятся к contain -Value для background-size -свойстве)
3. это поведение должно быть одинаковым на всех видовых, в результате чего изображение, чтобы масштабировать размер (но всегда быть полностью видна)
4. при прокрутке, каждое изображение должен прокручиваться до t цит обычно
5. когда изображение попадает на вершину, параллакс-эффект должен пнуть в

Вы можете увидеть мою реализацию здесь: http://codepen.io/AvantiC/pen/BpReza

Он работает достаточно хорошо в Chrome, скроллинг и параллакс кажется действительно гладкий. Но когда я тестирую страницу в Firefox или Safari, изображения ведут себя «переборщиками»/«отрывистыми» (не уверен, что здесь слово здесь;)).

Я не уверен, хотя это проблема с Firefox/Safari, или моя реализация ошибочна, и Chrome просто как-то компенсирует ее внутренне.

Возможно, кто-то может указать мне в правильном направлении. :)

Привет, AvantiC

Answer 1

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