From 37210ee4533fd91c123c054177f4956334b2d43a Mon Sep 17 00:00:00 2001
From: maoziliang <mozily@qq.com>
Date: Sat, 8 Jun 2013 18:04:02 +0800
Subject: [PATCH] Add a sample based on text content

---
 examples/text-content.html | 45 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 examples/text-content.html
diff --git a/examples/text-content.html b/examples/text-content.html
new file mode 100644
index 0000000..ffad0d4
--- /dev/null
+++ 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>
