Hiệu ứng Wall Parallax

• Có Thể 4, 2024

Một hình ảnh động đẹp được tìm thấy trên các trang web của Wix là hiệu ứng cuộn thị sai. Đây không phải là một hình ảnh động thực sự nhưng nó thêm ảo ảnh về chuyển động, chiều sâu và kích thước cho trang web của bạn.

Hiệu ứng này đã phổ biến trong vài năm và là một cách hay để thêm một chút quan tâm đến một trang web mà không cần thêm một hình ảnh động quá sức. Cuộn Parallax được tạo khi bạn yêu cầu trình duyệt cuộn ảnh nền với tốc độ chậm hơn các yếu tố khác trên trang. Như bạn mong đợi, hiệu ứng cuộn rất tuyệt vời cho những trang web dài một trang.

Kỹ thuật này được tạo ra với các yếu tố JavaScript, CSS và div. Chỉ cần lưu ý rằng hầu hết các thiết bị di động có vấn đề với CSS nền cố định. Vì vậy, Wix tắt hiệu ứng cho thiết bị di động.

Nhưng khi tạo trang web Wix của bạn, không có mã hóa liên quan. Thật dễ dàng như chọn tùy chọn Parallax cho ảnh nền hoặc dải ảnh. Nó cũng có thể được thêm vào một video dải.

Nếu không áp dụng cuộn thị sai, hình nền cho trang web sẽ di chuyển đồng nhất với các yếu tố khác trên trang khi người xem cuộn qua trang.

Tuy nhiên, khi chúng tôi áp dụng hiệu ứng cuộn Parallax cho hình nền, hình nền sẽ cuộn chậm khi người xem cuộn qua trang. Kích thước xảy ra khi các yếu tố khác trên trang cuộn nhanh hơn hình nền.

Tùy chọn thứ ba, tùy chọn Đóng băng, đối với hình nền Tùy chọn cuộn Hiệu ứng là khóa hình ảnh nền tại chỗ khi phần còn lại của các thành phần trang cuộn lên hoặc xuống.

Thêm Parallax vào hình nền

1. Nhấp vào biểu tượng Nền trong menu bên trái.
   
   
2. Thêm hình nền của bạn như bình thường.
   
   
3. Nhấp vào nút Cài đặt để mở Cài đặt hình ảnh.
   
   
4. Chọn một trong ba tùy chọn cho Hiệu ứng cuộn.
   
   
   • Không có gì - nền sẽ di chuyển với cùng tốc độ với các yếu tố khác trên trang.
     
     
   • Parallax - nền sẽ di chuyển chậm hơn các yếu tố khác trên trang.
     
     
   • Đóng băng - nền sẽ giữ nguyên vị trí nhưng các yếu tố khác sẽ cuộn.
     
     

Thêm Parallax vào Dải hình ảnh hoặc video

1. Chọn dải và chọn Thay đổi Dải nền từ menu bật lên.
   
   
2. Thêm hình nền hoặc video như bình thường.
   
   
3. Nhấp vào nút Cài đặt để mở Cài đặt hình ảnh.
   
   
4. Tiếp theo, chọn Parallax từ Hiệu ứng cuộn.
   
   

Video HướNg DẫN: Parallax Scrolling Effect | With Javscript/jQuery & NO PLUGINS (Có Thể 2024).