Trang chủ Lập trình Javascript - HTML Nhận diện hành động cuộn lên hay xuống bằng Javascript

Nhận diện hành động cuộn lên hay xuống bằng Javascript

Thỉnh thoảnh mình có hay nhận mấy task yêu cầu thực thi vài hành động khi khách hàng scroll (cuộn) lên hoặc xuống. Và việc đầu tiên giải quyết các task này là phải nhận diện được hành động của khách là đang scroll lên hay đang scroll xuống. Hôm nay sẽ chia sẻ với các bạn đoạn mã javascript giúp nhận diện hành động scroll lên hay cuộn xuống.

Mình sẽ sử dụng jQuery để cho tiện. Giải thích 1 chút về đoạn mã ngày là: đầu tiên sẽ ghi nhận vị trí đầu tiên khi scroll đến vị trí mới sẽ đối chiếu. Nếu vị trí mới này có tọa độ lớn hơn là scroll xuống, còn bé hơn là scroll lên. Đối chiếu xong thì gán lại vị trí đầu tiên là tọa độ vừa scroll tới. Cứ như thế… Và đây là mã chi tiết:

Mình đã chú thích rõ vị trí để các bạn chèn code cho từng trường hợp.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

GitHub mua lại nền tảng npm

npm là đóng một phần quan trọng trong cộng đồng JavaScript. Cộng đồng npm trong 10 năm qua là sự đóng góp của hàng...

Youtube cho phép quảng cáo trên video có nội dung liên quan đến Covid-19

Trong một bài đăng trên blog, CEO Susan Wojcicki cho biết YouTube sẽ bắt đầu cho phép chạy quảng cáo trên các video thảo...

Kiểm tra khả năng bị lây nhiễm Covid-19 của bạn bằng trí tuệ nhân tạo

Trong bối cảnh Covid-19 đang lan rộng và khả năng lây nhiễm rất cao khi ta vô tình tiếp xúc với các người bị...

10 lời đồn sai về Covid-19

1. Ai nhiễm Covid-19 sẽ chết - Tỉ lệ tử vong hiện nay khoảng 3.4%. Người càng lớn tuổi tỉ lệ tử vong sẽ cao...

BẠN XEM CHƯA

Một hành động rất đẹp và xúc động từ cô mua ve chai nghèo

Đây là một câu chuyện có thật diễn ra vào lúc trưa ngày 13/01/2014 tại quán cơm chay Thiên Phước 5000đ,  địa chỉ 62...

Dọn dẹp sạch sẽ máy tính với SlimCleaner

Có rất nhiều phần mềm giúp bạn dọn dẹp sạch sẽ và tối ưu hóa cho hệ thống của bạn. Để máy tính của...

Cập nhật hay không cập nhật trạng thái trên Facebook

Thật sự mình không biết đặt title cho bài viết này như thế nào nhưng rồi cũng tìm ra được cái title cho gần...

Đăng ký thông tin công ty của bạn trên Crunchbase để nhanh lên top Google

Crunchbase là một nền tảng để tìm kiếm thông tin kinh doanh về các công ty tư nhân và công cộng. Thông tin của...

Ghi nhanh một thư mục ra đĩa CD với Folder Simpburn

Folder SimpBurn là phần mềm tiện ích giúp bạn nhanh chóng ghi một thư mục ra đĩa CD hoặc tạo tập tin ISO từ...