@desto/scrollbar-js
Version:
A script which produces stylable scrollbars. It also allows styling of the resize handle.
38 lines (30 loc) • 1.05 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>scrollbar.js</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../dist/scrollbar-basic.css">
</head>
<body class="sbjs">
<h1>scrollbar.js</h1>
<!-- https://www.flickr.com/photos/mathiasappel/25193861686 -->
<div id="image" class="scrollable resizable sbjs">
<img src="panda_1024.jpg" width=1024 height=678 alt="Red Panda by Mathias Appel">
</div>
<div id="nowrap" class="content scrollable resizable sbjs"></div>
<div id="regular" class="content scrollable"></div>
<div id="ver" class="content scrollable sbjs"></div>
<div id="ver-resize" class="content scrollable sbjs resizable"></div>
<!--<textarea class="scrollable content"></textarea>-->
<script src="script.js"></script>
<script src="../dist/scrollbar.js"></script>
<script>
console.log( scrollbarjs.init() );
var $elems = document.getElementsByClassName('sbjs');
for( var i = 0; i < $elems.length; ++i ){
scrollbarjs.add( $elems[i] );
}
</script>
</body>
</html>