I've gotten a small sample working with the default light and the dark theme just fine.
Whenever I choose a theme like "rounded-dots" the entire scrollbar disappears.
It still works if you can find it but it just shows white on white.
my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Page Title</title>
<link rel="stylesheet" href="https://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css" />
</head>
<body>
<h1>My First Heading</h1>
<div class="content" style="width: 300px; height: 100px; overflow-y: scroll">
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
<p>My first paragraph.</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).on("load",function(){
$(".content").mCustomScrollbar({
theme: "rounded-dots",
scrollButtons: {enable:true}
});
});
})(jQuery);
</script>
</body>
</html>
Hello.
I've gotten a small sample working with the default light and the dark theme just fine. Whenever I choose a theme like "rounded-dots" the entire scrollbar disappears.
It still works if you can find it but it just shows white on white.
my code: