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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

BÀI VIẾT MỚI

Binance Launchpad có dễ… húp như bạn tưởng

Tiền kỹ thuật số (cryptocurrency) đang dần mở rộng. Kể ra mình biết khái niệm này từ rất lâu. Nếu các bạn là độc...

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

BẠN XEM CHƯA

Hướng dẫn cài đặt Ubuntu và XAMPP PHP Server trên Google Cloud VM

Google Cloud Platform (GCP) là một hệ thống các dịch vụ điện toán đám mây của Google. Google Cloud Platform gồm các dịch vụ...

Twitter sẽ ra mắt tính năng mới cho phép người dùng trả tiền tip cho những tweet hữu ích

Twitter dự kiến sẽ sớm cung cấp tính năng mới đó là nút tip trên hồ sơ người dùng. Tính năng này sẽ giúp...

Thiết kế banner thật đơn giản với Banner Maker Pro 9

Bạn cần thiết kết banner nhưng không giỏi các phần mềm đồ họa chuyên dụng như Photoshop, Corel Draw. Bạn cứ an tâm, bạn...

Gom 14 dịch nhắn tin về một nơi với Franz

Franz là chương trình ứng dụng nhắn tin (chat) hỗ trợ 14 dịch vụ nhắn tin phổ biến bao gồm: Skype, WhatsApp, Steam Chat,...

Hệ thống camera giám sát giao thông thành phố Quy Nhơn, Bình Định

Sở Thông tin và Truyền thông Bình Định chính thức đưa Trang thông tin Chính quyền điện tử tỉnh trên Zalo vào hoạt động....