Custom Scrollbar using Jquery Plugin.
Script:
Embed the below JS files:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.concat.min.js
Embed the following CSS file:
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.min.css
Add the below script based on your requirements:
$(".content").mCustomScrollbar({
axis:"x" // horizontal scrollbar
});
OR
$(".content").mCustomScrollbar({
axis:"yx" // vertical and horizontal scrollbar
});
OR
(function($){
$(window).load(function(){
$(".content").mCustomScrollbar();
});
})(jQuery);
Script:
Embed the below JS files:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.concat.min.js
Embed the following CSS file:
https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.min.css
Add the below script based on your requirements:
$(".content").mCustomScrollbar({
axis:"x" // horizontal scrollbar
});
OR
$(".content").mCustomScrollbar({
axis:"yx" // vertical and horizontal scrollbar
});
OR
(function($){
$(window).load(function(){
$(".content").mCustomScrollbar();
});
})(jQuery);