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

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

Lập Trình Viên 25 Tuổi Kiếm Được $30.000 Mỗi Tháng Từ Các Ứng Dụng Shopify

Mat De Sousa là một doanh nhân Pháp, anh là người đứng sau 2 ứng dụng Shopify là Wide Bundles và WideReview do chính...

Lần đầu nhận quà từ Shopify

Hura Apps là 1 trong những đối tác của Shopify được vinh dự Shopify chọn tham gia chương trình (Huấn luyện Thương mại) Commerce...

Một số ưu đãi của Shopify cho người dùng đăng ký mới

Shopify chỉ cho phép người dùng mới 14 ngày dùng thử miễn phí. Nếu bạn cảm thấy khoảng thời gian này là không đủ...

Trang web hỗ trợ tìm kiếm trên Facebook

Facebook là mạng xã hội lớn nhất hiện nay. Thông tin được người dùng chia sẻ trên mạng xã hội này là vô cùng...

BẠN XEM CHƯA

Có cần gì nhiều đâu

Qua một ngày dài công việc chất đầy vai Chỉ muốn có ai để nghe nhau than thở Chẳng cần nói thương, chẳng cần là nhung...

Trang web thực thuộc UBND tỉnh Bình Định bị hacker Trung Quốc tấn công

Hiện tại có vẻ như trang web cung cấp văn bản chỉ đạo, điều hành của UBND tỉnh Bình Định tại địa chỉ http://vbdh.ubndbinhdinh.vn...

Tài khoản bị hack và cái kết không ngờ

Khoảng 12h đêm tối thứ 6 vừa rồi tự nhiên email nhận được email thông báo đặt hàng thành công trên trang giao dịch...

Khôi phục và giữ an toàn tài khoản Facebook khi bị tấn công

Tài khoản Facebook của bạn có thể đăng bị kẻ xấu để ý và chờ cơ hội đánh cắp để xem những thông tin,...

Viết chương trình đọc tập tin Excel với VB.Net

Trong hướng dẫn này, mình sẽ hướng dẫn bạn cách đọc tập tin Excel trong VB.Net. Chức năng này giúp bạn có thể dễ...