Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nisl at elit luctus venenatis non sed odio. Nam mi justo, condimentum et placerat id, bibendum non dui. Quisque feugiat nulla neque, sit amet elementum metus volutpat a. Suspendisse id pellentesque odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin viverra at est ac tincidunt. Cras ultrices hendrerit velit, quis fermentum ligula ultrices at. Duis ut scelerisque risus, non ullamcorper metus. Etiam sapien neque, dictum sit amet elit quis, vestibulum malesuada tellus.
Nullam luctus odio neque, non consequat orci dignissim at. Suspendisse placerat libero nulla, quis tristique purus lobortis et. Sed pulvinar sem a neque maximus, maximus convallis quam placerat. Integer eget nulla vestibulum, consequat nibh eu, dignissim augue. In a urna convallis, commodo eros facilisis, bibendum nisl. Pellentesque mattis augue metus, vitae consequat augue blandit non. Donec non semper sem. Nunc vehicula varius mi, ac commodo nibh suscipit quis. Sed id lacus sit amet eros sollicitudin semper eget vel mauris. Vivamus ut euismod leo. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nisl at elit luctus venenatis non sed odio. Nam mi justo, condimentum et placerat id, bibendum non dui. Quisque feugiat nulla neque, sit amet elementum metus volutpat a. Suspendisse id pellentesque odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin viverra at est ac tincidunt. Cras ultrices hendrerit velit, quis fermentum ligula ultrices at. Duis ut scelerisque risus, non ullamcorper metus. Etiam sapien neque, dictum sit amet elit quis, vestibulum malesuada tellus.
Nullam luctus odio neque, non consequat orci dignissim at. Suspendisse placerat libero nulla, quis tristique purus lobortis et. Sed pulvinar sem a neque maximus, maximus convallis quam placerat. Integer eget nulla vestibulum, consequat nibh eu, dignissim augue. In a urna convallis, commodo eros facilisis, bibendum nisl. Pellentesque mattis augue metus, vitae consequat augue blandit non. Donec non semper sem. Nunc vehicula varius mi, ac commodo nibh suscipit quis. Sed id lacus sit amet eros sollicitudin semper eget vel mauris. Vivamus ut euismod leo. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Donec dolor ex, porta eget leo efficitur, efficitur porta ex. Etiam tincidunt metus sed orci porttitor, id laoreet mi aliquam. Nam sed blandit erat, at pharetra velit. Proin elementum arcu interdum justo scelerisque scelerisque. Integer sagittis purus eget imperdiet congue. Curabitur faucibus, leo in varius iaculis, dolor arcu pretium ex, euismod semper nunc leo et justo. In varius risus sem, sed ornare sem suscipit eget. Donec quis metus at massa placerat rhoncus vitae vel risus. Duis lobortis suscipit diam ut rhoncus. Donec tincidunt efficitur dui ut aliquet. Nulla nec arcu tellus. Aenean eu pretium eros, a cursus elit. Pellentesque pellentesque accumsan ornare. Suspendisse diam dolor, hendrerit ac mauris id, mollis imperdiet dui. Donec rutrum purus ultrices diam interdum ornare.
Donec feugiat tempus ligula non cursus. Curabitur in massa eu mauris congue venenatis at id nisi. Nulla rhoncus scelerisque felis, a commodo diam semper a. Sed mattis orci a nulla varius pulvinar. Integer tincidunt massa urna, sagittis condimentum nulla dapibus ut. Aliquam ex dolor, dignissim non nulla id, malesuada dapibus tortor. Proin ante eros, posuere condimentum vestibulum luctus, semper at purus. Proin venenatis arcu a iaculis ullamcorper. Ut tincidunt metus sem, sed vulputate enim lobortis sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nisl at elit luctus venenatis non sed odio. Nam mi justo, condimentum et placerat id, bibendum non dui. Quisque feugiat nulla neque, sit amet elementum metus volutpat a. Suspendisse id pellentesque odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin viverra at est ac tincidunt. Cras ultrices hendrerit velit, quis fermentum ligula ultrices at. Duis ut scelerisque risus, non ullamcorper metus. Etiam sapien neque, dictum sit amet elit quis, vestibulum malesuada tellus.
Nullam luctus odio neque, non consequat orci dignissim at. Suspendisse placerat libero nulla, quis tristique purus lobortis et. Sed pulvinar sem a neque maximus, maximus convallis quam placerat. Integer eget nulla vestibulum, consequat nibh eu, dignissim augue. In a urna convallis, commodo eros facilisis, bibendum nisl. Pellentesque mattis augue metus, vitae consequat augue blandit non. Donec non semper sem. Nunc vehicula varius mi, ac commodo nibh suscipit quis. Sed id lacus sit amet eros sollicitudin semper eget vel mauris. Vivamus ut euismod leo. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nisl at elit luctus venenatis non sed odio. Nam mi justo, condimentum et placerat id, bibendum non dui. Quisque feugiat nulla neque, sit amet elementum metus volutpat a. Suspendisse id pellentesque odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin viverra at est ac tincidunt. Cras ultrices hendrerit velit, quis fermentum ligula ultrices at. Duis ut scelerisque risus, non ullamcorper metus. Etiam sapien neque, dictum sit amet elit quis, vestibulum malesuada tellus.
Nullam luctus odio neque, non consequat orci dignissim at. Suspendisse placerat libero nulla, quis tristique purus lobortis et. Sed pulvinar sem a neque maximus, maximus convallis quam placerat. Integer eget nulla vestibulum, consequat nibh eu, dignissim augue. In a urna convallis, commodo eros facilisis, bibendum nisl. Pellentesque mattis augue metus, vitae consequat augue blandit non. Donec non semper sem. Nunc vehicula varius mi, ac commodo nibh suscipit quis. Sed id lacus sit amet eros sollicitudin semper eget vel mauris. Vivamus ut euismod leo. Interdum et malesuada fames ac ante ipsum primis in faucibus.
head :
<!-- Use Jquery version 1.8.x + --> <script src="js/jquery-1.8.3.min.js"></script> <!-- Call nicoNoScrollbar plugin file --> <script src="js/nicoNoScrollbar.js"></script>
HTML :
<div class="scrollable"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel nisl at elit luctus venenatis non sed odio. Nam mi justo, condimentum et placerat id, bibendum non dui. Quisque feugiat nulla neque, sit amet elementum metus volutpat a. Suspendisse id pellentesque odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin viverra at est ac tincidunt. Cras ultrices hendrerit velit, quis fermentum ligula ultrices at. Duis ut scelerisque risus, non ullamcorper metus. Etiam sapien neque, dictum sit amet elit quis, vestibulum malesuada tellus.</p> </div>
Javascript :
<script type="text/javascript">
$(window).on('load', function(){
$('.scrollable').nicoNoScrollbar();
});
</script>
// Which is equivalent to :
<script type="text/javascript">
$(window).on('load', function(){
$('.scrollable').nicoNoScrollbar({
barWidth:15,
barHeight:0,
railWidth:15,
scrollAmount:60,
visibleHeight:400,
callback:function(){},
});
});
</script>