التمرير وتحريك صفحتك بسهولة مع Force.js

الرسوم المتحركة على شبكة الإنترنت أسهل من أي وقت مضى ، مع الرسوم المتحركة CSS3 نقية تصبح القاعدة. لكن, جافا سكريبت لا تزال قيمة بشكل لا يصدق وهي واحدة من اللغات القليلة الموثوقة للرسوم المتحركة الفنية.

ال مكتبة Force.js هو برنامج نصي مفتوح المصدر مبني بالكامل الرسوم المتحركة صفحة ديناميكية.

يمكنك بناء التمرير الرسوم المتحركة القفز داخل الصفحة نفسها, أو يمكنك تحريك العناصر حول الصفحة. كلاهما يسهل الإعداد على حد سواء وتأتي المكتبة مع الكثير من الميزات.

بشكل افتراضي ، Force.js يعتمد على التحولات CSS متى أمكن. هذه العمل في جميع المتصفحات الحديثة والرمز أبسط كثيرًا ، بالإضافة إلى أنه يوفر دعمًا أوسع للمستخدمين الذين لا تسمح جافا سكريبت.

تستخدم المكتبة طريقة احتياطي طبيعية مع شفرة JavaScript, لذا فهي آمنة للمتصفحات القديمة أيضًا.

و Force.js هي مكتبة الفانيليا ، لذلك لا يتطلب أي تبعيات مثل مسج. ولكن ، إذا كنت تحب jQuery ، فيمكنك تشغيل بناء الجملة على القوة وسيظل يعمل بشكل جيد. عظيم للتنوع مع مواقع مختلفة.

اثنين من تقنيات الرسوم المتحركة الكبيرة هي يقفز و التحركات. يمكنك تحديد مكان تحرك العنصر ، ومدى سرعة تحركه ، وأي أنواع طرق التخفيف.

المكتبة لديها أيضا مجموعة من الخيارات المخصصة يمكنك قرص لمزيد من السيطرة على الرسوم المتحركة. يمكنك تحرير أهداف الارتباط مرساة و إعداد أي ارتفاقات ستحتاج-حتى لو كنت تريد ارتفاقات مختلفة في نفس الصفحة!

جميع الوثائق متاح على جيثب, جنبا إلى جنب مع الملفات.

أو ، إذا كنت تفضل npm / Bower ، يمكنك ذلك سحب الملفات مباشرة بهذه الطريقة. تحتاج فقط إلى تشمل واحد force.js ملف في رأسك وسوف تكون على ما يرام.

أوصي أيضًا بتخطي الوثائق لأنها مليئة أمثلة ل القفز () و نقل() أساليب.

كلاهما تأخذ الحجج للوقت ، والتخفيف ، والموقف, لذلك من الأهمية بمكان أن نفهم كيف تعمل هذه. على الرغم من ذلك ، بمجرد أن تتراجع عن ذلك ، فلن تنظر إلى الوراء أبدًا لأنها مكتبة الرسوم المتحركة خفيفة الوزن المثالية لأي مشروع.