Thanh cuộn scroll trên web mang phong cách OSX với SlimScroll - like facebook scroll

Tương tự LionBars, SlimScroll là 1 plugin khác của jQuery hỗ trợ cho người làm web tạo ra một thanh cuộn mang cá tính mới cho trang web của mình.


 

Trước tiên phải có thư viện jQuery , jQuery-UI và SlimScroll. Sau đó thêm đoạn mã:
1<script type="text/javascript" src="jquery-1.8.0.min.js"></script><br>
2<script type="text/javascript" src="slimScroll.min.js"></script><br>
3<script type="text/javascript" src="jquery-ui.js"></script>
Đoạn văn bản muốn hiển thị:
1<div id="test"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p></div>
Sau đó bạn cần thêm đoạn mã javascript gọi slimScroll lên làm việc:
1<script type="text/javascript">
2$(function(){$('#test').slimScroll({height: '250px',});});
3</script>


Keng

Minh là Keng. Blog này lập ra nhằm mục đích chia sẽ những cái gì mình biết và cái gì mình không rõ, cũng là nơi để mình gom nhặt những tài liệu bổ ích cho bản thân ^^.Rất vui khi bạn đã ghé thăm Blog của mình.Hi vọng sẽ giúp ích được gì đó cho bạn.

No comments:

Post a Comment