Force.js ile Sayfanızı Kaydırın ve Kolaylaştırın

Web animasyonuyla her zamankinden daha kolay saf CSS3 animasyonları norm haline gelmek. Fakat, JavaScript hala inanılmaz derecede değerli ve teknik animasyonlar için birkaç güvenilir dilden biri.

Force.js kütüphanesi etrafında inşa edilmiş ücretsiz bir açık kaynaklı script dinamik sayfa animasyonları.

Kaydırma atlama animasyonları oluşturabilirsiniz sayfanın içinde, veya öğeleri canlandırabilirsiniz sayfanın etrafında. Her ikisi de kurmak için eşit derecede basittir ve kütüphane bir dizi özellik ile birlikte gelir.

Varsayılan olarak, Force.js CSS geçişlerine güveniyor her ne zaman mümkünse. Bunlar tüm modern tarayıcılarda çalışın ve kod çok daha kolaydır, ayrıca kullanıcılara daha geniş bir destek sunar. JavaScript’e izin verme.

Kütüphane JavaScript koduyla doğal geri dönüş yöntemi, bu yüzden eski tarayıcılar için de güvenlidir.

Ve Force.js bir vanilya kütüphanesi, o yüzden herhangi bir bağımlılık gerektirmez JQuery gibi. Ancak, jQuery'yi seviyorsanız, bu sözdizimini Force üzerinden çalıştırabilirsiniz ve yine de iyi çalışacaktır. Farklı web siteleriyle çok yönlülük için harika.

İki büyük animasyon tekniği atlayışlar ve hamle. Öğenin nerede hareket ettiğini, ne kadar hızlı hareket ettiğini ve hangi tür hareket hızı yöntemlerinin üzerinde olduğunu siz belirlersiniz..

Kütüphanede ayrıca bir sürü özel seçenek animasyonlar üzerinde daha da fazla kontrol sahibi olmak için ince ayar yapabilirsiniz. Yapabilirsin bağlantı linki hedeflerini düzenle ve İhtiyacınız olan kolaylıkları ayarlayın-aynı sayfada farklı kolaylıklar istiyorsanız bile!

Tüm belgeler GitHub'da mevcut, dosyalar ile birlikte.

Veya npm / Bower’ı tercih ederseniz, dosyaları doğrudan çekin bu taraftan. Sadece gerek birini dahil et force.js dosya senin başlığın içine ve gitmek iyi olacak.

Ayrıca belgelerin gözden geçirilmesini de öneriyorum, çünkü için örnekler ) (Atlama ve hareket() yöntemleri.

İkisi de zaman, gevşeme ve konum için argümanlar al, bu yüzden bunların nasıl çalıştığını anlamak çok önemlidir. Yine de, bunu bir kez çözdüğünüzde, asla geriye bakmayacaksınız çünkü herhangi bir proje için mükemmel hafif animasyon kütüphanesi.