Доброго времени суток! Очень нужна помощь умных людей обитающих здесь! Уже не первый раз при аминировании объектов сталкиваюсь с большими тормозами. И я бы вас не беспокоил, если бы гугл мне помог.
Итак, я поставил перед собой задачу сделать анимацию перелистывания страниц при скроллинге похожую на
этом сайте. Вроде ни чего сложно. По сценарию анимации так и есть. Но когда я взялся за дело, получилась страница тормозящая до ужаса. Прочитав статьи, которые выдавал гугл, я пришел к выводу, что jQuery (метод animate) анимация не самая шустрая и лучше писать на чистом JavaScript. Был вариант использовать CSS Transition, но тут тоже возникли некоторые проблемы, поэтому я остановился на JS и решил использовать старый, добрый setInterval. В
этом архиве исходник - результат моего творчества. в файле js/functions.js находятся методы отвечающие за анимацию.
Пожалуйста помогите разобраться с причиной возникновения тормозов. Я буду благодарен любой критике и советам как оптимизировать код и сделать анимацию гладкой. Если вы укажите на мои ошибки, я буду очень признателен и все учту. У меня большое желание научиться грамотно и качественно писать на JS. Если вы знаете какие - нибудь ресурсы, которые бы помогли мне, я буду очень благодарен. Очень не хватает, знающего человека , который бы направил бы меня на правильный путь и помог избежать множество ошибок.
P.S. Когда будете скролить страницу, не делайте пожалуйста большую прокрутку колесиком , а лишь на одну позицию. Это еще не доработано. Заранее благодарю всех, кто присоединится к беседе=)