<? xml version="1.0" encoding="utf-8"? >
<! -- Simple example to demonstrate the VScrollBar control.  -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
     <mx:Script>
        <! [CDATA[
    
            import mx.events.ScrollEvent;
    
            // Event handler function to display the scroll location
            // as you move the scroll thumb.
            private function myScroll(event:ScrollEvent) :void
            {
                showPosition.text = "VScrollBar properties summary:" + '\n' +
                    "------------------------------------" + '\n' +
                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
            }
        ]]>
    </mx:Script> 
  
    <mx:Panel id="panel" title="VScrollBar Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
        
        <mx:Label width="100%" color="blue" 
            text="Click on the scroll bar to view its properties. "/>
        
        <mx:VScrollBar id="bar" height="100%" 
            minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
            lineScrollSize="50" pageScrollSize="100"  
            repeatDelay="1000" repeatInterval="500" 
            scroll="myScroll(event);"/>
          
        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue"/>
  
    </mx:Panel>  
</mx:Application>