Dễ dàng cuộn và hoạt hình trang của bạn với Force.js

Hoạt hình web dễ dàng hơn bao giờ hết, với hoạt ảnh CSS3 thuần túy trở thành chuẩn mực. Nhưng, JavaScript vẫn có giá trị vô cùng và đó là một trong số ít ngôn ngữ đáng tin cậy cho hoạt hình kỹ thuật.

Các Thư viện Force.js là một kịch bản mã nguồn mở miễn phí được xây dựng xung quanh hình động trang động.

Bạn có thể xây dựng hình ảnh động cuộn di chuyển bên trong trang, hoặc bạn có thể làm động các yếu tố quanh trang. Cả hai đều đơn giản như nhau để thiết lập và thư viện đi kèm với rất nhiều tính năng.

Theo mặc định, Force.js dựa vào chuyển tiếp CSS bất cứ khi nào có thể. Những làm việc trong tất cả các trình duyệt hiện đại và mã đơn giản hơn rất nhiều, cộng với nó cung cấp hỗ trợ rộng hơn cho người dùng không cho phép JavaScript.

Thư viện sử dụng một phương pháp dự phòng tự nhiên với mã JavaScript, vì vậy nó cũng an toàn cho các trình duyệt cũ hơn.

Và, Force.js là một thư viện vanilla, vì vậy nó không yêu cầu bất kỳ sự phụ thuộc chẳng hạn như jQuery. Nhưng, nếu bạn yêu thích jQuery, bạn có thể chạy cú pháp đó qua Force và nó vẫn hoạt động tốt. Tuyệt vời cho tính linh hoạt với các trang web khác nhau.

Hai kỹ thuật hoạt hình lớn là nhảy và di chuyển. Bạn xác định phần tử đang di chuyển ở đâu, nó di chuyển nhanh như thế nào và loại phương pháp nới lỏng nào.

Thư viện cũng có một loạt các tùy chọn tùy chỉnh bạn có thể điều chỉnh để kiểm soát tốt hơn các hình ảnh động. Bạn có thể chỉnh sửa các mục tiêu liên kết neo và thiết lập những mức giảm nào bạn sẽ cần-ngay cả khi bạn muốn giảm bớt khác nhau trên cùng một trang!

Tất cả các tài liệu là có sẵn trên GitHub, cùng với các tập tin.

Hoặc, nếu bạn thích npm / Bower, bạn có thể kéo tập tin trực tiếp theo cách đó Bạn chỉ cần bao gồm một lực lượng tập tin vào tiêu đề của bạn và bạn sẽ tốt để đi.

Tôi cũng khuyên bạn nên đọc lướt tài liệu vì nó đầy ví dụ cho nhảy () và di chuyển () phương pháp.

Cả hai đều tranh luận về thời gian, nới lỏng và vị trí, Vì vậy, điều quan trọng là phải hiểu làm thế nào những điều này làm việc. Mặc dù, một khi bạn nhận được điều này, bạn sẽ không bao giờ nhìn lại vì đó là thư viện hoạt hình nhẹ hoàn hảo cho bất kỳ dự án nào.