Update demo page

README.md

@@ -1,4 +1,3 @@
-
 # Antiscroll: cross-browser native OSX Lion scrollbars
 
 Antiscroll fixes a fundamental problem JavaScript UI developers commonly face:
@@ -26,6 +25,30 @@ the scrollbars popularized by OS X Lion that retains native properties.
 Please click [here](http://learnboost.github.com/antiscroll/) to see it in
 action.
 
+## Installation
+
+1. Wrap scrollable content with the class ```antiscroll-inner```
+1. Wrap the above with the class ```antiscroll-wrap```
+1. Include the following Javascript
+
+```javascript
+   $(function () {
+     $('.antiscroll-wrap').antiscroll();
+   });
+```
+
+### Configuration
+
+You may remove automatic scrollbar hiding by passing in a key-value to the ```antiscroll()``` function like so:
+
+```javascript
+   $(function () {
+     $('.antiscroll-wrap').antiscroll({
+       autoHide: false
+     });
+   });
+```
+
 ## What does it look like?
 
 **Firefox 8 `overflow: scroll` and antiscroll on OS X**
@@ -86,6 +109,13 @@ arbitrarily large width, therefore allowing scrolling of a single axis
 Scrollbar size detection based on the work of [Jonathan
 Sharp](http://jdsharp.us/jQuery/minute/calculate-scrollbar-width.php).
 
+### Contributors
+
+- Alexandre Rocha Lima e marcondes [@arlm](https://github.com/arlm)
+- Othree [@othree](https://github.com/othree)
+- PG Herveou [@pgherveou](https://github.com/pgherveou)
+- Fontaine Shu [@fontaineshu](https://github.com/fontaineshu) 
+
 ## Dependencies
 
 - [jQuery](http://github.com/jquery/query)

antiscroll.css

@@ -5,11 +5,14 @@
 }
 
 .antiscroll-scrollbar {
-  background: #666;
-  background: rgba(0, 0, 0, .6);
+  background: gray;
+  background: rgba(0, 0, 0, 0.5);
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
+  -webkit-box-shadow: 0 0 1px #fff;
+  -moz-box-shadow: 0 0 1px #fff;
+  box-shadow: 0 0 1px #fff;
   position: absolute;
   opacity: 0;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
@@ -41,7 +44,20 @@
   overflow: scroll;
 }
 
-.antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {
+/** A bug in Chrome 25 on Lion requires each selector to have their own
+    blocks. E.g. the following:
+
+    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}
+
+    causes the width and height rules to be ignored by the browser resulting
+    in both native and antiscroll scrollbars appearing at the same time.
+ */
+.antiscroll-inner::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+.antiscroll-inner::scrollbar {
   width: 0;
   height: 0;
 }