Skip to content

Commit c24e85e

Browse files
committed
Added 'start' configuration option. Now, you can set it to start: 'bottom'
to force content to automatically scroll to the very bottom of the scrollable div.
1 parent e64be5e commit c24e85e

File tree

4 files changed

+13
-8
lines changed

4 files changed

+13
-8
lines changed

index.htm

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<h1>jQuery slimScroll</h1>
2323
<h2>Facebook-like jQuery Scrollbar</h1>
2424

25-
<hr /><h2>chainability test & always visible test</h2>
25+
<hr /><h2>chainability & always visible & start at the bottom test</h2>
2626
<div id="test1">
2727
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>
2828
<p>Pellentesque rhoncus aliquet porta. Sed vel magna eu turpis pharetra consequat ut vitae lectus. In molestie sollicitudin mi sit amet convallis. Aliquam erat volutpat. Nullam feugiat placerat ipsum eget malesuada. Nulla facilisis nunc non dolor vehicula pretium. Sed dui magna, sodales id pharetra non, ullamcorper eu sapien. Mauris ac consectetur leo. Mauris consequat, lectus ut bibendum pulvinar, leo magna feugiat enim, eu commodo lacus sem vel ante. Sed tempus metus eget leo mollis vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
@@ -88,7 +88,8 @@ <h2>Facebook-like jQuery Scrollbar</h1>
8888
$(function(){
8989
$('#test1').slimScroll({
9090
height: '250px',
91-
alwaysVisible: true
91+
alwaysVisible: true,
92+
start: 'bottom'
9293
}).css({ background: '#ccc', paddingRight: '10px' });
9394
$('#test2').slimScroll({
9495
position: 'left',

index.min.htm

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<h1>jQuery slimScroll</h1>
2323
<h2>Facebook-like jQuery Scrollbar</h1>
2424

25-
<hr /><h2>chainability test & always visible test</h2>
25+
<hr /><h2>chainability & always visible & start at the bottom test</h2>
2626
<div id="test1">
2727
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>
2828
<p>Pellentesque rhoncus aliquet porta. Sed vel magna eu turpis pharetra consequat ut vitae lectus. In molestie sollicitudin mi sit amet convallis. Aliquam erat volutpat. Nullam feugiat placerat ipsum eget malesuada. Nulla facilisis nunc non dolor vehicula pretium. Sed dui magna, sodales id pharetra non, ullamcorper eu sapien. Mauris ac consectetur leo. Mauris consequat, lectus ut bibendum pulvinar, leo magna feugiat enim, eu commodo lacus sem vel ante. Sed tempus metus eget leo mollis vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
@@ -88,7 +88,8 @@ <h2>Facebook-like jQuery Scrollbar</h1>
8888
$(function(){
8989
$('#test1').slimScroll({
9090
height: '250px',
91-
alwaysVisible: true
91+
alwaysVisible: true,
92+
start: 'bottom'
9293
}).css({ background: '#ccc', paddingRight: '10px' });
9394
$('#test2').slimScroll({
9495
position: 'left',

slimScroll.js

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
33
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
44
*
5-
* Version: 0.2.6
5+
* Version: 0.2.7
66
*
77
*/
88
(function($) {
@@ -25,6 +25,7 @@
2525
color = o.color || '#000',
2626
position = o.position || 'right',
2727
distance = o.distance || '1px',
28+
start = o.start || 'top',
2829
opacity = o.opacity || .4,
2930
alwaysVisible = o.alwaysVisible === true;
3031

@@ -71,6 +72,9 @@
7172
zIndex: 99
7273
});
7374

75+
//check start position
76+
if (start == 'bottom') { bar.css({ bottom:0, top: 'auto' }); }
77+
7478
//set position
7579
var posCss = (position == 'right') ? { right: distance } : { left: distance };
7680
rail.css(posCss);
@@ -217,7 +221,6 @@
217221
}, 1000);
218222
}
219223
}
220-
221224
});
222225

223226
//maintain chainability

slimScroll.min.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)