<?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>