responsivewebframework
Version:
Jalasoft Foundation Front End Framework ========================================
63 lines (58 loc) • 1.52 kB
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Scroll bar</title>
<link rel="stylesheet" href="../../../dist/css/frontend-framework.min.css">
<script type="text/javascript" src="../vendor/jquery.min.js"></script>
<script type="text/javascript" src="../../../src/js/scrollbar.js"></script>
<style>
.content {
width: 20%;
height: 200px;
border: 2px solid purple;
}
.container {
width: 100%;
height: 200px;
border: 1px solid #366097;
background-color: #8699A4;
float: left;
}
</style>
</head>
<body>
<div class="content">
<div class="jl-scrollbar">
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
</div>
<div class="container jl-scrollbar">
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
</div>
</div>
</body>
</html>