title: trigger 'view more' button by scrolling
body: <p>I want to implement infinite scolling in my image gallery.</p>
  
  <p>By default, my image gallery displays the first 25 images.
  I have a 'view-more' button that makes an ajax call and
  loads in the next 25 images beneath the first 25 and so on with each click of the view-more button.</p>
  
  <p>What I want to do is trigger this view-more button by scrolling
  down the page.
  Scrolling 100px from the button would trigger the ajax load event and load in the next 25 images.
  Continuing downwards would trigger the next 25 and so on.. </p>
  
  <p>Do I need an infinite loading script, like jquery.infiniteload.js
  or is it enough to write a script that triggers the click action
  when scrolling 100px towards it..</p>
  
  <p>how should I write this code?</p>