|
7 | 7 | var VIEW_CLIP_BOTTOM = 1; |
8 | 8 | var VIEW_OVERLAP = 7; |
9 | 9 |
|
10 | | - var NAMESPACE = 'scrolling'; |
| 10 | + var NAMESPACE = 'scrollbeacon'; |
11 | 11 | var NAMESPACE_ELMID = NAMESPACE + '_elementid'; |
12 | 12 | var EV_APPEAR = 'appear.' + NAMESPACE; |
13 | 13 | var EV_DISAPPEAR = 'disappear.' + NAMESPACE; |
14 | 14 | var EV_POSTIONCHANGE = 'positionchange.' + NAMESPACE; |
15 | | - var SCROLLING_EVENTS = [EV_APPEAR, EV_DISAPPEAR, EV_POSTIONCHANGE]; |
| 15 | + var SCROLLBEACON_EVENTS = [EV_APPEAR, EV_DISAPPEAR, EV_POSTIONCHANGE]; |
16 | 16 |
|
17 | 17 | var scrollers = []; |
18 | | - var jquery_scrolling = $.scrolling = { |
| 18 | + var jquery_scrollbeacon = $.scrollbeacon = { |
19 | 19 | every: 34, // 30 fps |
20 | 20 | VIEW_OUT: VIEW_OUT, |
21 | 21 | VIEW_CLIP_BOTTOM: VIEW_CLIP_BOTTOM, |
|
35 | 35 | }; |
36 | 36 |
|
37 | 37 | /** |
38 | | - * jQuery.scrolling |
| 38 | + * jQuery.scrollbeacon |
39 | 39 | * (c) 2012, Takashi Mizohata |
40 | 40 | * MIT |
41 | 41 | */ |
42 | | - $.fn.scrolling = function () { |
| 42 | + $.fn.scrollbeacon = function () { |
43 | 43 | var method; |
44 | 44 | var opts; |
45 | 45 | var args; |
|
72 | 72 | return this; |
73 | 73 | }, |
74 | 74 | refresh: function (i, elm) { |
75 | | - // console.log('scrolling::refresh'); |
| 75 | + // console.log('scrollbeacon::refresh'); |
76 | 76 | var target = $(elm).data(NAMESPACE); |
77 | 77 | if (target) { |
78 | 78 | target.refresh(); |
|
178 | 178 |
|
179 | 179 | Scroller.prototype._onscroll = function (ev) { |
180 | 180 | var now = getNow(); |
181 | | - if (now - this.last_scroll > jquery_scrolling.every) { |
| 181 | + if (now - this.last_scroll > jquery_scrollbeacon.every) { |
182 | 182 | this.last_scroll = now; |
183 | 183 | this._scrollimpl(ev); |
184 | 184 | return; |
|
187 | 187 | if (this.handler_tailing) { |
188 | 188 | clearTimeout(this.handler_tailing); |
189 | 189 | } |
190 | | - this.handler_tailing = setTimeout(this.tailing_function, jquery_scrolling.every / 2 ); |
| 190 | + this.handler_tailing = setTimeout(this.tailing_function, jquery_scrollbeacon.every / 2 ); |
191 | 191 | this.tailing_event = ev; |
192 | 192 | }; |
193 | 193 |
|
|
196 | 196 | var top = $elm.scrollTop(); |
197 | 197 | var delta = top - this.last_top; |
198 | 198 | var direction = (delta >= 0); |
199 | | - var scrolling = ev.scrolling = { |
| 199 | + var scrollbeacon = ev.scrollbeacon = { |
200 | 200 | direction: direction, |
201 | 201 | delta: delta |
202 | 202 | }; |
|
205 | 205 | this.scrolltick(ev); |
206 | 206 | } |
207 | 207 |
|
208 | | - $.each($.map(this.targets, findChanged(this.elm)), dispatchEvent(scrolling)); |
| 208 | + $.each($.map(this.targets, findChanged(this.elm)), dispatchEvent(scrollbeacon)); |
209 | 209 | }; |
210 | 210 |
|
211 | 211 | // ============================================= |
|
239 | 239 | MovingTarget.prototype.remove = function () { |
240 | 240 | var $elm = $(this.elm); |
241 | 241 | $.each( |
242 | | - SCROLLING_EVENTS, |
| 242 | + SCROLLBEACON_EVENTS, |
243 | 243 | function (i, str) { |
244 | 244 | $elm.off(str); |
245 | 245 | } |
|
312 | 312 | return result; |
313 | 313 | }; |
314 | 314 |
|
315 | | - var dispatchEvent = function (scrolling) { |
| 315 | + var dispatchEvent = function (scrollbeacon) { |
316 | 316 | return function (i, mapped) { |
317 | 317 | var e_appear_disappear; |
318 | 318 | var e_change = jQuery.Event(EV_POSTIONCHANGE); |
319 | 319 | var target = mapped.target; |
320 | 320 | var $elm = $(target.elm); |
321 | | - var s = $.extend({}, scrolling); |
| 321 | + var s = $.extend({}, scrollbeacon); |
322 | 322 | s.position = target.position; |
323 | 323 |
|
324 | | - e_change.scrolling = s; |
| 324 | + e_change.scrollbeacon = s; |
325 | 325 | $elm.triggerHandler(e_change); |
326 | 326 |
|
327 | 327 | if (mapped.event_ad) { |
|
331 | 331 | else { |
332 | 332 | e_appear_disappear = jQuery.Event(EV_DISAPPEAR); |
333 | 333 | } |
334 | | - e_appear_disappear.scrolling = s; |
| 334 | + e_appear_disappear.scrollbeacon = s; |
335 | 335 | $elm.triggerHandler(e_appear_disappear); |
336 | 336 | } |
337 | 337 | }; |
|
364 | 364 | // ============================================= |
365 | 365 |
|
366 | 366 | $.each( |
367 | | - SCROLLING_EVENTS, |
| 367 | + SCROLLBEACON_EVENTS, |
368 | 368 | function (i, str) { |
369 | 369 | var arr = str.split('.'); |
370 | 370 | var type = arr.shift(); |
|
389 | 389 | /*************************************************** |
390 | 390 |
|
391 | 391 | // as easy as |
392 | | - $('.scrolling').scrolling( |
| 392 | + $('.scrollbeacon').scrollbeacon( |
393 | 393 | { |
394 | 394 | appear: function (ev) { |
395 | 395 | // do something when it comes into viewport |
|
401 | 401 | ); |
402 | 402 |
|
403 | 403 | // if you pass parent, it will attached to the parent |
404 | | - $('.scrolling').scrolling( |
| 404 | + $('.scrollbeacon').scrollbeacon( |
405 | 405 | { |
406 | 406 | parent: '#scroll_parent', |
407 | 407 | appear: function (ev) { |
|
413 | 413 | // you can pass ontick |
414 | 414 | // note you can only assign one on scroll per parent. |
415 | 415 | // for performance reason |
416 | | - $('.scrolling').scrolling( |
| 416 | + $('.scrollbeacon').scrollbeacon( |
417 | 417 | { |
418 | 418 | scroll: function (ev) { |
419 | 419 | // do something for every time, scroll gets fired, |
|
423 | 423 | ); |
424 | 424 |
|
425 | 425 | // you can get a parent by |
426 | | - var parent = $('.scrolling').data('scroller'); |
| 426 | + var parent = $('.scrollbeacon').data('scroller'); |
427 | 427 | parent.refresh(); |
428 | 428 |
|
429 | 429 | // or call the event |
430 | | - $('.scroll').triggerHandler('refresh.scrolling'); |
| 430 | + $('.scroll').triggerHandler('refresh.scrollbeacon'); |
431 | 431 |
|
432 | 432 | // |
433 | 433 |
|
|
0 commit comments