Customize scrollbar
scrollbar
1
customize
1
scrollbar-button
1
White

pxhoang1992 viết ngày 15/03/2019

Customize scrollbar

Hôm nay mình có task về tạo khung customize scroll bar mình đã phải bới tung google vì ko customize được 2 cái nút tăng giảm đầu scroll bar :D nên mình viết bài này để ae nào gặp thì dở ra dùng ngay đỡ phải tìm.
À có cái ảnh để nói về scroll bar và các thành phần của nó nhé

alt text

alt text

Search gg thì cũng dễ để custom cái thằng track rồi thumb nhưng sang đến thằng button search mãi ko ra cuối cùng mò được 1 cái blog của ông nào bên Tây mới ra

https://codesandbox.io/s/0yl9lwnxl0

Mình để code trên codesanbox các bạn vào tự xem nhé chủ yếu xem phần button à các bạn làm 2 cái ảnh mũi tên tăng giảm 2 đầu nhé :D. Và đây là thành quả của mình

alt text

Thằng codesanbox hiển thị lỗi đỏ thôi chứ code ko lỗi đâu mình code trên react chạy ok.Thế thôi chắc mình dừng vì đọc code là các bạn hiểu ngay chủ yếu là lưu lại cho người khác đỡ phải mất công đi tìm thôi!
pxhoang1992 15-03-2019

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

pxhoang1992

2 bài viết.
1 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
2 0
Mình có làm 1 task về tạo autocomplete, nó là cái khung kết quả hiển thị dưới khung search các bạn cứ nhìn chỗ search của fb là hiểu. (Ảnh) Tất n...
pxhoang1992 viết hơn 1 năm trước
2 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
2 bài viết.
1 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!