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

Nền tảng trực tuyến cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

Internet Explorer chính thức bị khai tử sau 25 năm

Trong bài đăng trên trang blog chính thức vào hôm thứ hai (17/8), Microsoft công bố họ sẽ không còn tiếp tục hỗ trợ...

PayPal lần đầu tiên bổ nhiệm giám đốc điều hành ở Trung Quốc

PayPal liên tiếp có những động thái cho thấy nền tảng thanh toán trực tuyến hàng đầu thế giới này sẽ tiếp cận thị...

BẠN XEM CHƯA

Microsoft thử nghiệm dịch vụ cao cấp cho tài khoản Outlook.Com

Sau 2 năm ngưng cung cấp dịch vụ Windows Live Domains - dịch vụ tạo email theo tên miền riêng, Microsoft đang thử nghiệm...

DiaDiemQuyNhon.Vn bị hacker tấn công

Theo thông tin được đăng tải trên Zone-H thì có vẻ như vào ngày 26/12 vừa qua trang web www.diadiemquynhon.vn đã bị hacker tấn...

Review: Từ Cần Thơ ra du lịch Quy Nhơn và Phú Yên 5 ngày 4 đêm với 9 triệu ăn chơi tẹt ga

Hai vợ chồng bạn Thạnh Sunny từ Cần Thơ ra miền trung mà cụ thể là Quy Nhơn và Phú Yên vào cuối tháng...

Hồ sinh thái Đống Đa (Quy Nhơn – Bình Định) về đêm

Vài hình ảnh mình chụp hồ sinh thái Đống Đa (Quy Nhơn - Bình Định) vào ban đêm. Mình mới tập phơi đêm nên...

Xem dự báo thời tiết trực tuyến tại Windy.Com

Có rất nhiều trang web giúp bạn theo dõi dự báo thời tiết tuy nhiên trong đó Windy.Com có lẽ là... thú vị và...