Scroll Event Causes Custom Event To Trigger Twice (should be once)

Question

Following function has the scroll event attached, which then triggers the custom event defined on line 5.

Line 5 seems to be causing the function to invoke twice (if removed line 4 is printed once, with line 5 its twice).

Custom event should only fire once, at the moment its twice.

 this.on(window, 'scroll', function(event){
    var win = $(window);
    if ($(document).height() - win.height() === win.scrollTop()) {
        console.log('testing 123');
         this.trigger('uiHandlRequest', { type: 'foo' });
        return false; 
        }            
   });

If you're interested in a specific element scroll, than why `event.currentTarget` ? — Roko C. Buljan, Jul 27 '16 at 11:11
This may help [doc](https://github.com/flightjs/flight/blob/master/doc/base_api.md#this.on) — Jamie White, Jul 27 '16 at 12:11

score 0 · Accepted Answer · answered Jul 28 '16 at 10:03

Use 'window' instead of 'this' while triggering custom event.

this.on(window, 'scroll', function(event){
    var win = $(window);
    if ($(document).height() - win.height() === win.scrollTop()) {
        console.log('testing 123');
         window.trigger('uiHandlRequest', { type: 'foo' });
        return false; 
        }            
   });

Scroll Event Causes Custom Event To Trigger Twice (should be once)

1 Answers1