Parallax Scroll được thực hiện dễ dàng với StickStack.js

Hiệu ứng thị sai thu hút sự chú ý nhanh chóng. Những hiệu ứng này giữ một số nền tảng nhất định trong tầm nhìn trong khi cuộn xuống trang Bạn sẽ tìm thấy cuộn thị sai trên nhiều trang web và chủ đề WordPress và chúng là một phần lớn của thiết kế web hiện đại.

Bạn cũng có thể xây dựng một phong cách thị sai độc đáo sử dụng Chú ý cắm vào. nó là được xây dựng trên jQuery và giữ cho mỗi phần trang chính được dán ở trên cùng khi bạn cuộn xuống.

Điều này tạo ra ảo tưởng của một trang web lớp nơi mỗi trang “ngăn xếp” trên đầu kia. Thật tuyệt và khá dễ để tự thiết lập.

Mặc dù nó khá dễ để thiết lập, nhưng nó đòi hỏi một số hiểu biết về phát triển lối vào.

Bạn cần phải đầu tiên tạo các phần trang cá nhân bên trong container chính. Bằng cách này bạn sẽ có mọi thứ được bao trong HTML, để bạn có thể nhắm mục tiêu mọi thứ với hàm jQueryStackStack.

Nó cũng đi kèm với một vài tùy chọn nơi bạn có thể tùy chỉnh container mẹ, các các yếu tố nên xếp chồng, và có thể hộp bóng nếu bạn thích hiệu ứng đó.

Đây là một mẫu bit của mã từ trang GitHub:

 $ ('. main-content-Wrapper'). ); 

Mặc dù điều này chưa được cập nhật trong khoảng hai năm, nhưng đây vẫn là một plugin rất đáng tin cậy. Nó đã làm việc trong tất cả các trình duyệt tôi đã thử nghiệm (Chrome, Safari và Firefox) với hỗ trợ cho tất cả các phiên bản của jQuery.

Thêm vào đó, tập tin rút gọn là chỉ 2KB đó là một kích thước phù hợp cho một plugin.

Để tìm hiểu thêm, hãy truy cập repo chính và xem những gì mà StickStack có thể cung cấp. Tôi nghĩ rằng nó hoạt động tốt nhất trên trang web đơn hoặc là trang đích với nền toàn màn hình lớn.

Bạn cũng có thể kiểm tra một bản demo trực tiếp trên CodePen nếu bạn muốn xem nó trông như thế nào trên một trang web trực tiếp.