Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Flash Tutorials & Resources > Scrolling Content  

Scrolling Content in Flash

Demonstration

Learn how to scroll content in Flash using the ScrollPane Component. The free .fla download file is included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash file.
2. Flash 8.0 must be installed in your system to download the .fla file.

Steps to Follow :

  1. Open Flash 8.0 and create a new Flash document

  2. Create a movie clip called content_mc and in the symbol properties box check export for actionscript and Export in first frame. View the screenshot below.
    content_mc movie clip properties

  3. Open the Components Panel by clicking on Window/Components

  4. Select and drag the ScrollPane component into the stage

    ScrollPane Component

  5. Select the ScrollPane component on the stage and in the properties inspector choose the Parameter tab and enter the height and width you would like for the scrolling content. In the contentPath property, type in the name of your content movie clip i.e. content_mc. The scrollpane is an in-built Flash component that scrolls the content in the movie clip specified.
    ScrollPane Parameters

  6. Press Ctrl+Enter to test the file.

Congratulations! You have successfully learnt how to scroll content in Flash using the in-built Flash ScollPane component.

If the content is not loading, please check that you have typed the correct movie clip name in the contentPath and in the movie clip properties you have checked export for actionscript and Export in first frame.

Download the .fla file
Please note: You need Flash 8.0 to open the .fla file.


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


Flash Website Templates

EntheosWeb Design Blog

Flash Photo Galleries

New Flash CS5 Tutorials

Page Roll Transition Effect

Outline Animation Effect in Flash

Creating a Rotating 3D Planet in Flash

Striped Transition Effect Tutorial in Flash

Burning Image Effect in Flash

Realistic Rippling Water Animation in Flash

New Flash Resources

Best 3D & Carousel Flash & XML Photo Galleries

Best Flash Animated Backgrounds

Best Flash Photo Gallery Website Templates

Best Heart Flash Animations

Featured Template
Template Number: 30491
Type: Xml FLash Site
Price: $67