Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

README

  • Loading branch information...
commit 94155cae0e1059a884231d20e7bdbdbb39aefc97 1 parent 7dbbe0b
@thomd authored
Showing with 14 additions and 13 deletions.
  1. +3 −2 README.txt
  2. +9 −9 css/scrollbar.css
  3. +2 −2 demo.html
View
5 README.txt
@@ -1,3 +1,4 @@
-Testing:
+jQuery Scroll
+=============
-$('#variant_size ul').show().height(100).width(70).scrollbar({arrows:false})
+a jQuery plugin which renders a custom, CSS styleable vertical scrollbar.
View
18 css/scrollbar.css
@@ -128,40 +128,40 @@
-/* ---------- formidable theme ----------------------------------------------------------------- */
+/* ---------- fff theme ----------------------------------------------------------------- */
-ul.formidable {
+ul.fff {
padding: 0;
}
-.formidable .scrollbar-pane {
+.fff .scrollbar-pane {
margin-right: 12px;
}
-.formidable .scrollbar-handle-container {
+.fff .scrollbar-handle-container {
background: #EEE;
width: 12px;
}
-.formidable .scrollbar-handle {
+.fff .scrollbar-handle {
width: 12px;
background-color: #CCC;
}
-.formidable .scrollbar-handle:hover {
+.fff .scrollbar-handle:hover {
background-color: #999;
}
-.formidable .scrollbar-handle.move {
+.fff .scrollbar-handle.move {
background-color: #666;
}
-.formidable .scrollbar-handle-up {
+.fff .scrollbar-handle-up {
width: 12px;
height: 18px;
}
-.formidable .scrollbar-handle-down {
+.fff .scrollbar-handle-down {
width: 12px;
height: 18px;
}
View
4 demo.html
@@ -43,7 +43,7 @@
</head>
<body>
- <ul class="formidable months">
+ <ul class="fff months">
<li>1</li>
<li>2</li>
<li>3</li>
@@ -101,7 +101,7 @@
// append scrollbar to all DOM nodes with class="css-scrollbar"
$(function(){
$('.css-scrollbar').scrollbar();
- $('.formidable').scrollbar();
+ $('.fff').scrollbar();
})
</script>
</body>
Please sign in to comment.
Something went wrong with that request. Please try again.