Tạo bong bóng lời nói trên trang với Popper.js

Mọi người đều biết về chú giải công cụ và có hàng tá tài nguyên miễn phí để giúp bạn tạo ra chúng. Tuy nhiên, bong bóng tin nhắn tùy chỉnh hoặc là “poppers” cũng rất hữu ích.

Họ không giới hạn các sự kiện di chuột, để chúng có thể xuất hiện trên trang một cách nhất quán và hoạt động xung quanh các hành vi người dùng khác.

Nếu bạn đang tìm cách để tạo ra những poppers bong bóng lời nói trên trang của bạn rồi Popper.js là sự lựa chọn tốt nhất. Đây là một plugin mã nguồn mở miễn phí, được lưu trữ trên trang web chính thức của js.org.

Bạn sẽ tìm thấy những mẹo bong bóng này trong rất nhiều trang web có giao diện phức tạp. Đôi khi họ sẽ cung cấp mẹo nhanh, hướng dẫn, và tư vấn trên tàu cho những người mới sử dụng giao diện.

Với Popper.js, bạn không cần đợi người dùng di chuột chỉ để tạo một chú giải công cụ. Thay vào đó, bạn có thể buộc một popper xuất hiện ở bất cứ đâu, bất cứ kích thước nào, bất cứ màu nào, với định vị động.

Kiểm tra trang demo Popper.js để xem ý tôi là gì. Nó đi kèm với một nhiều tính năng định vị cho phép bạn tự động lật vị trí popper dựa trên vị trí màn hình.

Khi người dùng cuộn xuống trang, họ có thể mất bong bóng popper. Với plugin này, bạn có thể buộc nó trở lại vào tầm nhìn bằng cách lật nó lên (hoặc xuống), tùy thuộc vào hướng cuộn của người dùng.

Bạn có toàn quyền kiểm soát các ranh giới, vị trí mũi tên, màu sắc của chú giải công cụ, và nhiều hơn nữa. Chưa kể plugin này là tuyệt đẹp và mở rộng hoàn toàn nếu bạn muốn thêm các tính năng của riêng bạn vào hỗn hợp.

Tất cả các mã nguồn có sẵn miễn phí trên GitHub nếu bạn muốn kiểm tra nó.

Để bắt đầu, hãy xem trang tài liệu cho một hướng dẫn đầy đủ. Điều này cho bạn biết những tập lệnh nào bạn cần, cách thiết lập một popper tùy chỉnh và cách định cấu hình các tùy chọn chế độ xem khác nhau. Mặc dù, tài nguyên tốt nhất là trang chính Popper.js, với các bản demo và nhiều mẫu mã.

Nếu bạn muốn đọc thêm về phát triển, hãy xem bài đăng trên blog này được viết bởi người sáng tạo Federico Zivolo.