опытным путём:
разрешение экрана: 1280х1024 после первого же скорлла появляется
на 1920х1080 норм
а на телефоне Nexus 6p что в опере, что в хроме — тормозит и полосы нерегулярные в отличие от декстопа, а в разброс.
По субъективным ощущениям они ещё и ширины разной, но там пиксели такие мелкие что могло показаться.
Домой доберусь скрины могу понаделать если надо.
Почти все проблемы из-за сочетания трансформаций и ширины частей в % (браузеры нынче любят играться в нецелыми пикселями). В итоге в зависимости от особенностей рендеринга браузера получаются такие вот вещи. Я сам изначально тестировал все в фуллскрин моде, где хром+фф+ие показывали одинаково хорошие результаты. А после ваших комментариев открыл демку в ФФ с эдитором и увидел эту проблему (хотя до этого думал что таким страдают только телефончики). Идей как фиксить пока нету. Можно конечно поизвращаться и задавать позицию частей через pos: abs + left, в сочетании с округлением пикселей в js, но там тоже по-любому будут проблемы =/
Надо было все таки уточнить вначале статьи, что эта обучалка не про создание чего-то полезного и надежного в использовании, а про сам процесс создания.
У меня кстати тоже самое. Оригинальный сайт еще и много памяти и проца сжирает, даже если оставить крутиться в неактивной вкладке. Но вот на телефончиках моя версия проигрывает по всем параметрам.
Пилим веб-демку — Wavescroll