Share Tuỳ biến thanh cuộn đẹp mắt theo phong cách riêng với thư viện ProngnRoll

filiallion

Administrator
Staff member
Administrator
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:
HTML:
<script src="path/to/jquery.min.js"></script>
<script src="path/to/prognroll.js"></script>
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:
JavaScript:
$(function() {
    $('body').prognroll({
        height: 5,
        color: '#0062af'
    });
});
 
Back
Top