Tương tác cuộn mà ngay cả người mới bắt đầu cũng có thể tạo ra. Phần 1 JavaScript
Đây không phải là bài giảng chỉ đơn thuần theo dõi một trang web cụ thể, mà đúng hơn là bài học vững chắc về những điều cơ bản của bí quyết tương tác cuộn và các yếu tố cốt lõi được chia sẻ bởi những người chia sẻ kiến thức, cũng như tìm hiểu và tạo ra nhiều kỹ thuật và chuyển động khác nhau của tương tác cuộn UI được sử dụng rộng rãi. bởi các công ty trong nước như Apple.
817 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Chúng tôi muốn thông báo cho bạn về một bản cập nhật. Cả hai phần thực hành và giải thích đã được cập nhật.
Xin chào :)
Đây là bản cập nhật :)
1. Tất cả các lớp bổ sung phần thực hành và giải thích về cách tạo tương tác cuộn bằng jquery đã được thêm vào .
Nếu có ai đó gặp khó khăn với lớp học, trước tiên bạn nên tham khảo lớp thực hành nơi mã được viết và giải thích, sau đó sử dụng mẫu để hiểu lại thông qua phần giải thích .
2. Đã tìm thấy lỗi trong phần tương tác chuyển động ở Phần 5-2. Đã xảy ra lỗi khi sử dụng trackpad trên trình duyệt Chrome trong môi trường MAC (iMac Magic Mouse vẫn ổn).
Các chi tiết lỗi là
Khi một phần cần di chuyển từng khoảng trống được đặt ở đầu trình duyệt, nếu bạn cuộn nhanh bằng bàn di chuột, v.v.
Đây là trường hợp hoạt ảnh chuyển động của phần không được thực thi ngay từ đầu và hoạt ảnh được thực hiện sau đó. (xảy ra không liên tục)
Qua phân tích lỗi thì trên Mac gặp vấn đề khi vào phần cần di chuyển.
Đã chỉ định rằng các sự kiện cuộn không xảy ra khi nhập một phần.
Nói cách khác, chúng tôi đã giải quyết vấn đề bằng cách thêm một sự kiện bánh xe, chặn bánh xe khi vào một phần, phân nhánh và chỉ định rằng hành động mặc định cho sự kiện không được thực hiện.
Tuy nhiên, khi chỉ sử dụng sự kiện bánh xe thì đã xảy ra lỗi trong môi trường Windows.
Tại sao lại xảy ra lỗi khi chỉ sử dụng sự kiện bánh xe trong môi trường Windows?
Trong Windows, tần suất xảy ra sự kiện bánh xe chuột thấp hơn nhiều so với trong Mac, do đó có một lỗi khiến giá trị cuộn không được truy xuất đúng cách.
Nói một cách đơn giản, số lượng sự kiện cuộn và sự kiện bánh xe được gọi là khác nhau.
Vì vậy, trong Windows, mã hiện có được sử dụng nguyên trạng.
Nói cách khác, một lớp sẽ được thêm vào nhánh để sử dụng sự kiện bánh xe trên Mac và sự kiện cuộn trên Windows.
Vì lỗi này chỉ xảy ra trong Chrome trên Mac và có thể được Google vá nên mình sẽ tải lên video sửa lỗi mà không thay đổi lớp hiện có.
(Khi triển khai giao diện người dùng, việc thêm chuyển động khi thay đổi vị trí cuộn bằng sự kiện cuộn sẽ khiến tác vụ khó khăn hơn một chút.)
3. Tất cả các thay đổi của vanilla js đã được hoàn thành .
Một lớp sẽ được thêm vào để thay đổi các phần được viết trước đó bằng jQuery thành vanilla js. (Đây không phải là lớp để tạo các hàm jQuery.)
Mã được viết mà không xem xét đến IE và các trình duyệt cũ hơn.
Vì việc thay đổi mã vanilla js rất đơn giản nên tôi nghĩ ngay cả những người mới bắt đầu cũng có thể tự mình thay đổi phần còn lại ngoại trừ phần 5 và 6.
Mã hoàn chỉnh được đổi thành vanilla js sẽ được viết trong tệp bước cuối cùng cho mỗi phần và được tải lên đầu tiên (cuối tháng 1 đến đầu tháng 2).
Và lớp về quá trình chuyển sang Vanilla JS sẽ được upload định kỳ trong tháng 2 (Dễ đến nỗi hầu hết mọi người sẽ không xem^.^;) :D
Tôi hy vọng rằng các lớp học cập nhật sẽ giúp ích rất nhiều cho những ai đang gặp khó khăn.
Vâng, tôi chúc bạn có một năm mới vui vẻ và một kỳ nghỉ Tết Nguyên đán vui vẻ.
Cảm ơn bạn :D