If document can be scrolled vertically by 200px or more run function

Question

Using jQuery or plain JavaScript I want to run a function on document ready, if the page has a vertical scrollbar and the amount by which the page can be scrolled is 200px or larger.

Basically, I want to modify the code below so that it runs on document ready, not when the user actually scrolls.

$(document).ready(function(){
  $(window).scroll(function(){
    if ($(this).scrollTop() > 200) {
      // do stuff
    }
  });
});

This could help: http://stackoverflow.com/questions/2146874/detect-if-a-page-has-a-vertical-scrollbar — sinisake, May 26 '16 at 06:39

score 2 · Accepted Answer · answered May 26 '16 at 06:42

2

This is how i would do it.

$(document).ready(function() {
  if(($(document).height() - $(window).height()) > 200)
  {
     //Do something.
  }
});

answered May 26 '16 at 06:42

Jesper Højer

2,942
1
16
26

score 0 · Answer 2 · answered May 26 '16 at 06:38

0

You need to trigger the scroll for window

$(document).ready(function(){
   $(window).trigger('scroll');
   //or $(window).scroll();
});

$(window).scroll(function(){
     if ($(this).scrollTop() > 200) {
       // do stuff
     }
});

answered May 26 '16 at 06:38

Guruprasad J Rao

29,410
14
101
200

This still triggers on scroll? Asker wanted to check if a user could scroll, not actually if he scrolls but on pageready – Randy May 26 '16 at 06:40
@randy OP is saying _I want to modify the code below so it runs on document ready, not when the user actually scrolls_ i.e. he does not want to wait for user to scroll is what I presume.. – Guruprasad J Rao May 26 '16 at 06:42

If document can be scrolled vertically by 200px or more run function

2 Answers2