title: Show scoll image when div height is bigger then 1051px
body: <p>I have a div with dynamic content. Some page has more content than the other...</p>
  
  <p>I want to make a function that when my window (div) has a scrollbar (so more content) you get an image right in the screen that shows an arrow... So that the user is aware that he can scroll...</p>
  
  <p>I allready got this function:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(window).load(function(){alert($('#scroller').height());})
  
  
  if ( $('#scroller').height() &lt; 1051) {
  
  }
  else {
     document.write('&lt;div class="scroll"&gt;&lt;p&gt;&lt;img src="http://www.website.nl/showroom/pijl.gif" alt=""/&gt;&lt;/p&gt;&lt;/div&gt;');
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>With this css:</p>
  
  <pre><code>#scroller
  {
      height:auto;
  }
  </code></pre>
  
  <p>Should be working but it doesnt work... The alert does show the height of the div but when de div height is over 1051px it doesnt do anything...</p>
  
  <p>Can somebody help me with this?</p>
  
  <p>Thanks in advance</p>