CODEWITHSUNDEEP
javascriptjqueryeventsscrolljquery-events
Mild Fuzz
Mild Fuzz

Reputation: 30661

$(window).scroll() firing on page load

Is there a way to prevent $(window).scroll() from firing on page load?

Testing the following code in Firefox 4, it fires even when I unplug the mouse.

jQuery(document).ready(function($){    
$(window).scroll(function(){
                console.log("Scroll Fired");
    });
});

Upvotes: 11

Views: 19334

Answers (5)

JaredM
JaredM

Reputation: 76

This seems to have worked for me.

$(window).bind("load", function() {
    $(window).on("scroll", function () {
        console.log('scroll');
    });
});

Upvotes: 3

Ruan Mendes
Ruan Mendes

Reputation: 92274

The scroll event does not fire on every load, only when refreshing a page that was scrolled, or when navigating to an anchor directly.

Many of the answers suggest ignore the first time it's called, which would ignore a valid scroll if the page doesn't get scrolled initially. 

//Scroll the page and then reload just the iframe (right click, reload frame)


//Timeout of 1 was not reliable, 10 seemed to be where I tested it, but again, this is not very elegant.
//This will not fire initially
setTimeout(function(){
  $(window).scroll(function(){
     console.log('delayed scroll handler');
  }); 
}, 10); 

//This will fire initially when reloading the page and re-establishing the scroll position
$(window).scroll(function(){
  console.log('regular scroll handler');
});
div {  
  height: 2000px;
  border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
</div>

Upvotes: 3

Mild Fuzz
Mild Fuzz

Reputation: 30661

This was the solution I went for. Any improvements gratefully received.

   var scroll = 0;
    $(window).scroll(function(){
                    if (scroll>0){
                    console.log("Scroll Fired");
                    }
                    scroll++;
    });

Upvotes: 9

Wladimir Palant
Wladimir Palant

Reputation: 57651

The scroll event is unrelated to the mouse, it is called whenever a new document scrolling position is set. And arguably that position is set when the document loads (you might load it with an anchor after all), also if the user presses a cursor key on his keyboard. I don't know why you need to ignore the initial scroll event but I guess that you only want to do it if pageYOffset is zero. That's easy:

var oldPageYOffset = 0;
$(window).scroll(function(){
  if (window.pageYOffset != oldPageYOffset)
  {
    oldPageYOffset = window.pageYOffset;
    console.log("Window scrolling changed");
  }
});

Note: MSIE doesn't have window.pageYOffset property so the above will need to be adjusted. Maybe jQuery offers a cross-browser alternative.

Upvotes: 13

Gidon Wise
Gidon Wise

Reputation: 1916

sure, don't load it until after the load. make it a call back for sleep for 500 millis.

Upvotes: 0

Related Questions