| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <!DOCTYPE html>
- <html>
- <head>
- <link href="../css/perfect-scrollbar.css" rel="stylesheet">
- <script src="../dist/perfect-scrollbar.js"></script>
- <style>
- #container {
- position: relative;
- margin: 0px auto;
- padding: 0px;
- width: 600px;
- height: 400px;
- overflow: auto;
- }
- #container .content {
- background-image: url('./assets/azusa.jpg');
- width: 1280px;
- height: 720px;
- color: blue;
- font-size: 20px;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div class="content">
- No rail/thumb interaction!
- </div>
- </div>
- <script>
- var $ = document.querySelector.bind(document);
- new PerfectScrollbar('#container', {
- handlers: ['keyboard', 'wheel', 'touch']
- });
- </script>
- </body>
- </html>
|
