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

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

reCAPTCHA rất hữu ích trong số hoá dữ liệu

Sách được xem là những kho tàng tri thức của nhân loại, tuy nhiên việc lưu trữ sách là cả một vấn đề to...

The Pirate Bay đã trở lại bằng tên miền ban đầu

Sau khi The Pirate Bay bị "chết" đội ngũ đã gửi tất cả lưu lượng truy cập đến "lỗ đen" (Local Black Hole 127.0.0.1.)và...

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

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...

BẠN XEM CHƯA

Hướng dẫn lấy link và tải nguyên playlist trên Youtube

Có rất nhiều công cụ hỗ trợ lấy link để tải từng video trên Youtube. Vậy còn lấy nguyên một playlist thì sao. Cũng...

Điều tôi sợ…

Mỗi buổi sáng dắt xe ra đi làm/học bạn đều nhận được câu nhắc nhở: Ăn sáng rồi đi làm/học nghen con... Mỗi buổi chiều...

Chàng triệu phú tuổi 30 và dịch vụ “se duyên trực tuyến”

"Mười giờ mỗi ngày, mười triệu USD mỗi năm" là tựa bài báo viết về thành công Markus Frind trên tờ The New York...

Phục hồi danh bạ điện thoại

Nếu điện thoại của bạn bị hỏng phải thay mới hoặc vì lý do gì đó mà danh bạ trong máy bị xoá mất...

MinervaKB – Giao diện WordPress cho chuyên trang hỗ trợ

Nếu bạn là nhà phát triển web nhất là khi làm việc với API các dịch vụ thì chắc hẳn phải đôi lần bạn...