Скроллр джиттер и прыжки на абсолютное позиционирование

Question

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

Я использовал абсолютную позицию для элементов и сделал тело skrollr абсолютной позицией, но не повезло.

Кроме того, я установил плавную прокрутку в false, поскольку анимация между кадрами также сильно отвлекала.

У кого-нибудь была эта проблема?

вот ссылка на сайт в его нынешнем виде http://www.littleluxury.co.za/ При прокрутке дрожит как мобильный, так и рабочий стол.

Если кто-то может объяснить мне, почему примеры, которые я видел, являются гладкими и кажущимися безразличными, в то время как мой выглядит так, я был бы очень благодарен

Answer 1

Вы прокручиваете вниз -> элементы перемещаются вверх, потому что они находятся в потоке документов -> запускается следующий цикл анимации skrollr (через несколько мс) -> он перемещает элементы в другую позицию из-за вашей анимации

Я предлагаю расположить фиксированные элементы и использовать translate() переместить их.

Answer 2

Добавить это в Div

 <div data-smooth-scrolling="off">

потом должно быть лучше

Answer 3

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

Смотрите http://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website для хорошего, подробного учебника, который плавно прокручивается и использует метод фиксированного фона.