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

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

Giới thiệu một số công nghệ, dịch vụ mà Hura Apps đang dùng cho mô hình SaaS

Hura Apps là nhóm phát triển các ứng dụng web hỗ trợ cho nền tảng Shopify. Hura Apps hoạt động theo mô hình SaaS....

Hành trình kiếm 500 triệu/tháng từ việc xuất bản ứng dụng lên Shopify App Store

Đây là câu chuyện của một lập trình viên người Pháp có tên Axel Hardy được chính anh chia sẻ trên Twitter của mình....

Hura Apps nhận được gói hỗ trợ khởi nghiệp $10.000 từ Amazon Web Services

Mới đây Hura Apps đã nhận được gói hỗ trợ khởi nghiệp $10.000 từ Amazon Web Services. Đây là gói hỗ trợ dành cho Hura...

PayPal đang phát triển đồng stablecoin của riêng mình

Công ty PayPal đang tích cực làm việc để ra mắt stablecoin của riêng mình như là một phần của việc thúc đẩy sử...

BẠN XEM CHƯA

Website Viện kiểm sát nhân dân tỉnh Bình Định bị hacker tấn công

Theo thông tin đăng tải trên Zone-H thì vào ngày 18/4/2016 vừa qua website của Viện kiểm sát nhân dân tỉnh Bình Định bị...

Ngăn chặn Windows Store mở tự động trên một số trình duyệt

Nếu bạn đang sử dụng Windows 10 thì có thể bạn sẽ nhận thấy rằng khi bạn nhấp mở một liên kết ứng dụng...

Quán cơm chay từ thiện 2000 đồng chùa Tường Quang – Quy Nhơn

Quán mở cửa phục vụ từ 10 giờ đến 12 giờ Chủ nhật hàng tuần, phục vụ 500 phần cơm/ngày, mỗi phần giá 2.000...

Hướng dẫn chặn lời mới ứng dụng Pirate Kings trên Facebook

Hiện tại ứng dụng Pirate Kings đang thu hút được nhiều người sử dụng tuy nhiên nhiều người không hứng thú và cảm thấy...

Đăng nhập email không để lại địa chỉ

Hiện nay nếu bạn dùng trình duyệt web Google Chrome để đăng nhập vào hộp thư Gmail theo các thông thường thì sau đó...