Я использую skrollr.js и skrollr-menu для создания веб-сайта с параллаксом. У меня есть 3 div с вложенными элементами, которые я хотел бы параллаксировать с разной скоростью. На рабочем столе все работает, как и ожидалось, но на iPad под управлением iOS 7 у меня возникают проблемы с расположением элементов и скоростью их прокрутки. Три разных элемента div имеют класс position: fixed, а вложенные элементы — class position: absolute; и позиционируются по оси Y с использованием top:px (вместо этого пытались использовать % со смешанными результатами). другие (не вложенные, т.е. #content) div, похоже, работают одинаково во всех браузерах и устройствах. Я был бы очень признателен за любую помощь с этой проблемой, она сводила меня с ума в течение нескольких дней, это мой первый проект, использующий skrollr, поэтому у меня нет большого опыта, но пока мне это нравится, за исключением этого сбоя на iOS, я проверил документация и связанный с этим вопрос в stackOverflow, но все равно не повезло! Надеюсь, кто-то сможет указать мне правильное направление, вот небольшая скрипка о том, как я пытаюсь добиться этого, хотя, чтобы увидеть это в iOS, мне нужно будет предоставить прямую ссылку на проект в ближайшее время, пожалуйста, потерпите меня, так как я чтобы перенести существующий проект для использования его со skrollr на мобильных устройствах, поэтому я хотел бы максимально очистить код перед отправкой, чтобы избежать путаницы, а пока вот скрипка:
//Init Skrollr
$(document).ready(function(){ var s = skrollr.init({forceHeight: false, smoothScrolling: true, smoothScrollingDuration: 150});
skrollr.menu.init(s, {
easing: 'outCubic',
animate: true,
duration: 1000
}); });
http://jsfiddle.net/shinobisan/EvPdL/6/
Спасибо!!