Легко прокручивайте и анимируйте свою страницу с помощью Force.js

Веб-анимация стала проще, чем когда-либо прежде, благодаря чистая CSS3 анимация становится нормой. Но, JavaScript по-прежнему невероятно ценный и это один из немногих надежных языков для технической анимации.

Библиотека Force.js это бесплатный скрипт с открытым исходным кодом, построенный вокруг динамическая анимация страницы.

Вы можете создавать анимацию прыжков с прокруткой внутри самой страницы, или вы можете анимировать элементы вокруг страницы. Оба одинаково просты в настройке и библиотека поставляется с множеством функций.

По умолчанию Force.js опирается на CSS переходы когда возможно. Эти работать во всех современных браузерах и код намного проще, плюс он предлагает более широкую поддержку для пользователей, которые не разрешать JavaScript.

Библиотека использует естественный резервный метод с кодом JavaScript, так что это безопасно и для старых браузеров.

И Force.js является ванильной библиотекой, так что не требует никаких зависимостей такие как jQuery. Но если вы любите jQuery, вы можете запустить этот синтаксис поверх Force, и он все равно будет работать нормально. Отлично подходит для универсальности с различными сайтами.

Два больших метода анимации скачки а также движется. Вы определяете, где элемент движется, как быстро он движется и какие методы ослабления.

В библиотеке также есть куча пользовательских опций Вы можете настроить еще больший контроль над анимацией. Вы можете редактировать целевые ссылки а также установить, какие послабления вам понадобятся-даже если вы хотите разные послабления на одной странице!

Вся документация доступно на GitHub, вместе с файлами.

Или, если вы предпочитаете Npm / Bower, вы можете вытащить файлы напрямую сюда. Вам просто нужно включить один force.js файл в заголовок, и вы будете хорошо идти.

Я также рекомендую просмотреть документацию, потому что она полна примеры для Прыгать() а также переехать() методы.

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