Add a sample based on text content

11 years ago · 37210ee453
parent 6021ec016e
commit 37210ee453
1 changed files with 45 additions and 0 deletions
--- a/examples/text-content.html
+++ b/examples/text-content.html
@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8">
+
+    <title>Ul-content</title>
+    <link href="../src/perfect-scrollbar.css" rel="stylesheet">
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+    <script src="../src/jquery.mousewheel.js"></script>
+    <script src="../src/perfect-scrollbar.js"></script>
+    <style>
+      #description {
+        border: 1px solid gray;
+        height:150px;
+        width: 400px;
+        overflow: hidden;
+        position: absolute;
+      }
+    </style>
+    <script type="text/javascript">
+      $(document).ready(function ($) {
+        $('#description').perfectScrollbar({
+          wheelSpeed: 20,
+          wheelPropagation: false
+        });
+      });
+    </script>
+  </head>
+  <body>
+    <div id="description" class="wrapper">
+      <div>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+        <p>The command takes options applicable</p>
+      </div>
+    </div>
+  </body>
+</html>