In a desktop environment, when a div becomes scrollable we are alerted to this fact by the appearance of scrollbars.  On a mobile device (specifically iPad) there is no visual cue that alerts the user to more information available in a fixed height, scrollable div (ie. no scrollbars appear).

Does anyone have an idea how to display a prompt when a div becomes scrollable.  

Thanks

Greg

Something as simple as:

1. <script type="text/javascript">
   
   
   if($("#content").is('scrollable')) {
         $("#prompt").show();
   }
   
   
   </script>
   
   
   <div id="content" style="width: 100%; height: 200px; overflow-y: scroll">
   <p>Content</p>
   <div id="prompt" style="position: absolute; bottom: 0px; right: 0px; display: none">More...</div>
   </div>