- Messages
- 585
- Points
- 10
- Language
- Tiếng Việt
Trước đây tôi có bài viết giới thiệu với các bạn thư viện jQuery Scrollbar dùng để tuỳ biến thanh cuộn trình duyệt rất hay, các bạn có thể xem lại bài viết "Tuỳ biến thanh cuộn với thư viện jQuery Scrollbar" để biết cách sử dụng nó. Bài viết này tôi tiếp tục giới thiệu cho các bạn một thư viện có tính năng tương tự đó là ProngnRoll, thư viện ProngnRoll là một plugin nhỏ giành cho jQuery với mục đích tuỳ biến hình dạng của thanh cuộn trình duyệt, các bạn có thể dùng các cấu hình của thư viện ProngnRoll thiết kế lại toàn bộ hình dạng của thanh cuộn để nó đồng nhất về thiết kế trên tất cả các trình duyệt cũng như tất cả các thiết bị.
Để sử dụng thư viện ProngnRoll, các bạn cần phải tích hợp thư viện jQuery và tải thư viện ProngnRoll tại địa chỉ https://www.jqueryscript.net/downlo...s-Indicator-For-Any-Containers-ProngnRoll.zip.
Các bạn tích hợp thư viện ProngnRoll vào website với nội dung mã lệnh như sau:
Bây giờ các bạn có thể tuỳ biến thanh cuộn trình duyệt với cài đặt JavaScript như sau:
Để sử dụng thư viện ProngnRoll, các bạn cần phải tích hợp thư viện jQuery và tải thư viện ProngnRoll tại địa chỉ https://www.jqueryscript.net/downlo...s-Indicator-For-Any-Containers-ProngnRoll.zip.
Các bạn tích hợp thư viện ProngnRoll vào website với nội dung mã lệnh như sau:
HTML:
<script src="path/to/jquery.min.js"></script>
<script src="path/to/prognroll.js"></script>
JavaScript:
$(function() {
$('body').prognroll({
height: 5,
color: '#0062af'
});
});