Full Support for Horizontal Scrollbars #230

lanre-ade · 2015-11-29T02:38:43Z

Supports Horizontal Scrollbars as wells jump scrolling by clicking on the scrollbar rail.
(I initially planned to maintain this as a separate repo but decided otherwise)

deiga · 2016-12-02T18:33:29Z

README.md

@@ -2,7 +2,67 @@

 slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

-Demo and deocumentation available here: [jQuery slimScroll docs](http://rocha.la/jQuery-slimScroll)
+Demo and deocumentation available here: [jQuery slimScroll docs](http://lanre-ade.github.io/jQuery-slimScroll/)


This line should probably not have been changed

added new examples for horizontal scrolling. Any suggestions where to put them? @deiga

Add them directly into the Readme?

deiga · 2016-12-02T18:33:50Z

examples/allow-page-scroll.html

@@ -10,7 +10,7 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:33:56Z

examples/chaining.html

@@ -10,7 +10,7 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:01Z

examples/disable-fade-out.html

@@ -11,7 +11,7 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:05Z

examples/dynamic-content.html

@@ -11,7 +11,7 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:11Z

examples/height-width.html

@@ -11,9 +11,9 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:47Z

examples/scroll-events.html

@@ -11,10 +11,10 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:52Z

examples/scrollbar.html

 <link href="libs/prettify/prettify.css" type="text/css" rel="stylesheet" />
 <script type="text/javascript" src="libs/prettify/prettify.js"></script>
 <script type="text/javascript" src="../jquery.slimscroll.js"></script>
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:34:56Z

examples/start-position.html

@@ -11,7 +11,7 @@
 <link href="style.css" type="text/css" rel="stylesheet" />
 </head>
 <body>
-<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+<a id="git-fork" href="https://github.com/lanre-ade/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>


This line should probably not have been changed

deiga · 2016-12-02T18:35:15Z

package.json

+    "jquery-plugin",
+    "ecosystem:jquery"
+  ],
+  "homepage": "http://lanre-ade.github.io/jQuery-slimScroll/",


Change this to rochal

deiga · 2016-12-02T18:35:19Z

package.json

  "repository": {
    "type": "git",
-    "url": "https://github.com/rochal/jQuery-slimScroll.git"
+    "url": "https://github.com/lanre-ade/jQuery-slimScroll.git"


This line should probably not have been changed

will undo those changes and re-commit

Added "applyVerticalWheelToHolizontal" and behavior for it.

Thanks to lanre-ade...

Added mousescroll option when the axis is set as x

lanre-ade added 17 commits November 27, 2015 03:02

upgraded to support both horizontal and vertical scrollbars

b5518c2

add support for firefox

5a9093a

simple example with vertical and horizontal scroll bars

1b91ef1

prevent scroll bar from moving beyond rail when dragging

2e40dd2

fix scroll misalignment when dragging bar

ea44179

Update README.md

a634ac7

update option, direction -> axis

98a089c

Update README.md

ed15877

update examples, handle edge cases

7b86c8c

fix axis restriction

5b65cf8

Update README.md

c2ebd00

update fork url, minify js file

7d4d66b

automate minification with gulp

4fb01bb

update package.json

ca58b01

support scroll jump on rail click

fcde624

fix scrollbar alignment after dynamic content added

3f4642f

more roubust support for variation in mouse wheel events

0886c7a

deiga reviewed Dec 2, 2016

View reviewed changes

deiga suggested changes Dec 2, 2016

View reviewed changes

lanre-ade and others added 4 commits December 15, 2016 17:31

keep references to main repo

d019a5e

Added mousescroll option when the axis is set as x

55f6324

Added "applyVerticalWheelToHolizontal" and behavior for it.

Fix missspelling

64f855a

Thanks to lanre-ade...

Merge pull request #3 from ginlime/glm_dev

3e898f7

Added mousescroll option when the axis is set as x

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Full Support for Horizontal Scrollbars #230

Full Support for Horizontal Scrollbars #230

lanre-ade commented Nov 29, 2015

deiga Dec 2, 2016

lanre-ade Dec 16, 2016

deiga Dec 16, 2016 •

edited

Loading

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

deiga Dec 2, 2016

lanre-ade Dec 16, 2016

Full Support for Horizontal Scrollbars #230

Are you sure you want to change the base?

Full Support for Horizontal Scrollbars #230

Conversation

lanre-ade commented Nov 29, 2015

Choose a reason for hiding this comment

Choose a reason for hiding this comment

deiga Dec 16, 2016 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

deiga Dec 16, 2016 •

edited

Loading