├── LICENSE
├── README.md
├── bower.json
├── examples
    ├── example-01.html
    ├── example-02.html
    └── index.html
└── lib
    ├── jquery.simplr.smoothscroll.js
    └── jquery.simplr.smoothscroll.min.js


/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) 2012 simov <simeonvelichkov@gmail.com>
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | # simplr-smoothscroll
 3 | 
 4 | 
 5 | ## [DEMO](http://simov.github.io/simplr-smoothscroll/examples)
 6 | 
 7 | 
 8 | ## Requirements
 9 | 
10 | [jquery-mousewheel](https://github.com/jquery/jquery-mousewheel)
11 | 
12 | 
13 | ## Usage
14 | 
15 | ```js
16 | $(function () {
17 |   $.srSmoothscroll({
18 |     // defaults
19 |     step: 55,
20 |     speed: 400,
21 |     ease: 'swing',
22 |     target: $('body'),
23 |     container: $(window)
24 |   })
25 | })
26 | ```
27 | 
28 | 
29 | ## Enable scrolling for specific widgets
30 | 
31 | See this [example](http://simov.github.io/simplr-smoothscroll/examples/example-02.html)
32 | 
33 | ```html
34 | <div id="container1">
35 |   <div id="widget1">
36 |     <p>lorem ipsum</p>
37 |   </div>
38 | </div>
39 | <div id="container2">
40 |   <div id="widget2">
41 |     <p>lorem ipsum</p>
42 |   </div>
43 | </div>
44 | ```
45 | 
46 | ```css
47 | #container1 { width: 500px; height: 300px; overflow: auto; }
48 | #container2 { width: 500px; height: 300px; overflow: auto; }
49 | ```
50 | 
51 | ```js
52 | $(function () {
53 |   $.srSmoothscroll({
54 |     target: $('#widget1'),
55 |     container: $('#container1')
56 |   })
57 |   $.srSmoothscroll({
58 |     target: $('#widget2'),
59 |     container: $('#container2')
60 |   })
61 | })
62 | ```
63 | 
64 | 
65 | ## Browser and os detection
66 | 
67 | Browsers that support *smooth* scrolling natively may be excluded.
68 | 
69 | ```js
70 | $(function () {
71 |   var platform = navigator.platform.toLowerCase();
72 |   if (platform.indexOf('win') == 0 || platform.indexOf('linux') == 0) {
73 |     if ($.browser.webkit) {
74 |       $.srSmoothscroll();
75 |     }
76 |   }
77 | });
78 | ```
79 | 
80 | This will enable *simplr-smoothscroll* only for webkit browsers on windows and linux.
81 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "simplr-smoothscroll",
 3 |   "version": "1.0.1",
 4 |   "description": "Smooth scrolling in all browsers",
 5 | 
 6 |   "keywords": [
 7 |     "smooth",
 8 |     "scroll",
 9 |     "smoothscroll"
10 |   ],
11 | 
12 |   "license": "MIT",
13 | 
14 |   "authors": [
15 |     "Simeon Velichkov <simeonvelichkov@gmail.com> (http://simov.github.io)"
16 |   ],
17 | 
18 |   "dependencies": {
19 |     "jquery": ">=1.8.3",
20 |     "jquery-mousewheel": ">=3.1.0"
21 |   },
22 |   
23 |   "main": [
24 |     "lib/jquery.simplr.smoothscroll.min.js"
25 |   ],
26 | 
27 |   "ignore": [
28 |     "examples"
29 |   ]
30 | }


--------------------------------------------------------------------------------
/examples/example-01.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5 |   <title>jquery.simplr.smoothscroll</title>
  6 | 
  7 |   <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  8 |   <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
  9 |   <script src="../lib/jquery.simplr.smoothscroll.js" type="text/javascript" charset="utf-8"></script>
 10 | 
 11 |   <script type="text/javascript" charset="utf-8">
 12 |     $(function () {
 13 |       $.srSmoothscroll()
 14 |     })
 15 |   </script>
 16 | </head>
 17 | <body>
 18 | 
 19 | <div class="shell">
 20 |   <div id="content">
 21 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 22 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 23 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 24 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 25 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 26 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 27 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 28 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 29 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 30 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 31 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 32 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 33 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 34 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 35 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 36 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 37 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 38 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 39 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 40 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 41 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 42 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 43 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 44 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 45 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 46 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 47 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 48 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 49 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 50 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 51 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 52 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 53 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 54 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 55 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 56 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 57 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 58 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 59 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 60 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 61 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 62 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 63 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 64 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 65 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 66 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 67 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 68 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 69 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 70 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 71 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 72 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 73 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 74 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 75 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 76 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 77 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 78 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 79 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 80 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 81 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 82 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 83 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 84 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 85 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 86 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 87 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 88 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 89 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 90 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 91 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 92 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 93 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 94 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 95 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 96 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 97 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 98 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 99 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
100 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
101 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
102 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
103 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
104 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
105 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
106 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
107 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
108 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
109 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
110 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
111 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
112 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
113 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
114 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
115 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
116 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
117 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
118 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
119 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
120 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
121 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
122 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
123 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
124 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
125 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
126 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
127 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
128 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
129 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
130 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
131 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
132 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
133 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
134 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
135 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
136 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
137 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
138 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
139 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
140 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
141 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
142 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
143 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
144 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
145 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
146 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
147 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
148 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
149 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
150 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
151 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
152 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
153 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
154 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
155 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
156 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
157 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
158 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
159 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
160 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
161 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
162 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
163 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
164 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
165 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
166 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
167 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
168 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
169 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
170 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
171 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
172 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
173 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
174 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
175 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
176 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
177 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
178 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
179 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
180 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
181 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
182 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
183 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
184 |     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
185 |     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
186 |     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
187 |     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
188 |     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
189 |   </div>
190 | </div>
191 | 
192 | </body>
193 | </html>


--------------------------------------------------------------------------------
/examples/example-02.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5 |   <title>jquery.simplr.smoothscroll</title>
  6 | 
  7 |   <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  8 |   <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
  9 |   <script src="../lib/jquery.simplr.smoothscroll.js" type="text/javascript" charset="utf-8"></script>
 10 | 
 11 |   <style type="text/css">
 12 |     #container1 { width: 500px; height: 300px; overflow: auto; }
 13 |     #container2 { width: 500px; height: 300px; overflow: auto; }
 14 |   </style>
 15 |   <script type="text/javascript" charset="utf-8">
 16 |     $(function () {
 17 |       $.srSmoothscroll({
 18 |         target: $('#widget1'),
 19 |         container: $('#container1')
 20 |       })
 21 |       $.srSmoothscroll({
 22 |         target: $('#widget2'),
 23 |         container: $('#container2')
 24 |       })
 25 |     })
 26 |   </script>
 27 | </head>
 28 | <body>
 29 | 
 30 | <div class="shell">
 31 |   <div id="container1">
 32 |     <div id="widget1">
 33 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 34 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 35 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 36 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 37 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 38 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 39 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 40 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 41 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 42 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 43 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 44 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 45 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 46 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 47 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 48 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 49 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 50 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 51 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 52 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 53 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 54 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 55 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 56 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 57 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 58 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 59 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 60 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 61 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 62 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 63 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 64 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 65 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 66 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 67 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 68 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 69 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 70 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 71 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 72 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 73 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 74 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 75 |     </div>
 76 |   </div>
 77 | 
 78 |   <div id="container2">
 79 |     <div id="widget2">
 80 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 81 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 82 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 83 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 84 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 85 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 86 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 87 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 88 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 89 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 90 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 91 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 92 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 93 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 94 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 95 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 96 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 97 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 98 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 99 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
100 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
101 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
102 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
103 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
104 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
105 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
106 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
107 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
108 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
109 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
110 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
111 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
112 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
113 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
114 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
115 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
116 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
117 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
118 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
119 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
120 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
121 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
122 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
123 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
124 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
125 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
126 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
127 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
128 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
129 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
130 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
131 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
132 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
133 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
134 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
135 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
136 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
137 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
138 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
139 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
140 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
141 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
142 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
143 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
144 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
145 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
146 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
147 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
148 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
149 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
150 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
151 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
152 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
153 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
154 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
155 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
156 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
157 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
158 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
159 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
160 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
161 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
162 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
163 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
164 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
165 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
166 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
167 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
168 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
169 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
170 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
171 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
172 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
173 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
174 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
175 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
176 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
177 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
178 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
179 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
180 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
181 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
182 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
183 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
184 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
185 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
186 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
187 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
188 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
189 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
190 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
191 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
192 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
193 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
194 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
195 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
196 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
197 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
198 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
199 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
200 |       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
201 |       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
202 |       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
203 |       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
204 |       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
205 |       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
206 |     </div>
207 | 
208 |   </div>
209 | </div>
210 | 
211 | </body>
212 | </html>


--------------------------------------------------------------------------------
/examples/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 5 |   <title>jquery.simplr.smoothscroll</title>
 6 | </head>
 7 | <body>
 8 | 
 9 |   <ul>
10 |     <li><a href="example-01.html">Smooth Scroll Entire Window</a></li>
11 |     <li><a href="example-02.html">Smooth Scroll Chosen Widget</a></li>
12 |   </ul>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/lib/jquery.simplr.smoothscroll.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * jquery.simplr.smoothscroll
 3 |  * version 1.0.1
 4 |  * copyright (c) 2012 https://github.com/simov/simplr-smoothscroll
 5 |  * licensed under MIT
 6 |  * requires jquery.mousewheel - https://github.com/jquery/jquery-mousewheel
 7 |  */
 8 | 
 9 | ;(function ($) {
10 |   'use strict'
11 |   
12 |   $.srSmoothscroll = function (options) {
13 |   
14 |     // defaults
15 |     var self = $.extend({
16 |       step: 55,
17 |       speed: 400,
18 |       ease: 'swing',
19 |       target: $('body'),
20 |       container: $(window)
21 |     }, options || {})
22 | 
23 |     // private fields & init
24 |     var container = self.container
25 |       , top = 0
26 |       , step = self.step
27 |       , viewport = container.height()
28 |       , wheel = false
29 | 
30 |     var target = (self.target.selector == 'body')
31 |       ? ((navigator.userAgent.indexOf('AppleWebKit') !== -1) ? self.target : $('html'))
32 |       : container
33 | 
34 |     // events
35 |     self.target.mousewheel(function (event, delta) {
36 | 
37 |       wheel = true
38 | 
39 |       if (delta < 0) // down
40 |         top = (top+viewport) >= self.target.outerHeight(true) ? top : top+=step
41 | 
42 |       else // up
43 |         top = top <= 0 ? 0 : top-=step
44 | 
45 |       target.stop().animate({scrollTop: top}, self.speed, self.ease, function () {
46 |         wheel = false
47 |       })
48 | 
49 |       return false
50 |     })
51 | 
52 |     container
53 |       .on('resize', function (e) {
54 |         viewport = container.height()
55 |       })
56 |       .on('scroll', function (e) {
57 |         if (!wheel)
58 |           top = container.scrollTop()
59 |       })
60 |   
61 |   }
62 | })(jQuery);
63 | 


--------------------------------------------------------------------------------
/lib/jquery.simplr.smoothscroll.min.js:
--------------------------------------------------------------------------------
1 | /* jquery.simplr.smoothscroll version 1.0.1 copyright (c) 2012 https://github.com/simov/simplr-smoothscroll licensed under MIT */
2 | !function(e){"use strict";e.srSmoothscroll=function(t){var n=e.extend({step:55,speed:400,ease:"swing",target:e("body"),container:e(window)},t||{}),o=n.container,r=0,i=n.step,s=o.height(),a=!1,c="body"==n.target.selector?-1!==navigator.userAgent.indexOf("AppleWebKit")?n.target:e("html"):o;n.target.mousewheel(function(e,t){return a=!0,r=0>t?r+s>=n.target.outerHeight(!0)?r:r+=i:0>=r?0:r-=i,c.stop().animate({scrollTop:r},n.speed,n.ease,function(){a=!1}),!1}),o.on("resize",function(){s=o.height()}).on("scroll",function(){a||(r=o.scrollTop())})}}(jQuery);


--------------------------------------------------------------------------------