Search  

EASY CONTENT SCROLLER

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesEasy Content Scroller

This is an easy to use flash content scroller for your applications. It can be used to scroll any content (swf, jpg, gif and png) both horizontally and vertically.

Features

  • You can scroll both horizontally and vertically
  • Mouse scroll is enabled for both the scrollbars (mousewheel works in Mac also)
    • Mousewheel for vertical scroll
    • CTRL + Mousewheel for horizontal scroll
    • SHIFT + Mousewheel for scrolling both simultaneously
  • Keyboard input to scroll
    • RIGHT – scroll right
    • LEFT – scroll left
    • UP – scroll up
    • DOWN – scroll down
    • HOME – scroll to top of the content
    • END – scroll to the end of the content
    • CTRL + HOME – scroll to the left most of the content
    • CTRL + END – scroll to the right most of the content
    • SHIFT + HOME – scroll to the top left of the content
    • SHIFT + END – scroll to the bottom left of the content
  • Click anywhere on the scroll base to scroll to that position
  • The scrollbar is coded as a separate class, so it can be used independently in your projects as a generic slider (e.g., volume slider). Sample files that demonstrate this are also included.
  • You can set the various scrolling options at runtime with simple and easy to use methods. The properties you can set include:
    • scrollsHorizontally (determines whether content scrolls horizontally)
    • scrollsVertically (determines whether content scrolls vertically)
    • scaleScrollbars (determines whether the scrollbar face resizes based on content dimensions)
    • keyBoardScrollEnabled (enable or disable keyboard scroll for the scroller)
    • keyBoardSpeed (extent of scrolling that happens with the keyboard)
    • mouseScrollEnabled (enable or disable mousewheel scroll for the scrollbox)
    • mouseWheelSpeed (extent of scrolling that happens with the mouse wheel)
    • scrollTime (time for the scrolling to happen)
    • ScrollDelay (delay in scrolling)
    • scrollEaseType (easing type for the scrolling animation – linear, easeInQuad, easeOutSine, etc)
  • You can resize the scroller at runtime
  • You can either load your content dynamically or just drag and drop it into the scroller.
  • The scrollbars appear only when scrolling is required (i.e., when the content dimensions are bigger than the scroll width or height)
  • As you can see in the preview, you can monitor the content load progress from outside the scroller. So you can use your own transition effects like fade in, wipe or any other cool transition available here at flashden.
  • Similarly, the fact that you can determine when the content loads makes it very easy to manage the loaded content. For example you may want to load some text into the content swf after it loads.
  • You can see the vertical scroller module (available in the download) used in this file – Photo Retoucher’s Gallery

Files included

  • Sources
  • Fonts
  • Help files

Credits

Tweener used for animations.
SWFMacMousewheel from Pixelbreaker used to enable mousewheel scrolling in Mac.

Updates made

[09-11-2008]

  • An update with just horizontal and just vertical scroller. This is to help you with the file size when you actually don’t need one of them at any time in your projects
  • Support for mousewheel on Mac
  • Scroll with the help of keyboard
  • Scroll time, delay and animation type options
  • Vary the scroll speed with mouse and keyboard at runtime
I’ll keep on adding new features to the file whenever I get any new ideas. Ideas from you guys are most welcome. :)

More files

Stay updated with my files

Any queries, contact me here

Posted 2 months ago

woa, really useful, well done :)

Posted 2 months ago

Wow, it has all the necessary options. Great!

Posted 2 months ago

Very well done ! Congrats ! :)

Posted 2 months ago

I would just like to add, the code is very clean and efficient, a pleasure to review quality files like this, and the help file is very…. helpful :)

good job man, i got a feeling ill be revisiting this file pretty soon for a project im working on :)

Jay

Posted 2 months ago

Thank you very much guys, thanks especially to Jason for the nice words… :)

Posted 2 months ago

Love your logo man, nice work too :)8)

Posted 2 months ago

well done

Posted 2 months ago

Nice..

Posted 2 months ago

that ctrl + mousewheel combination thing for horizontal scroll is cool…
congrats…

Posted 2 months ago

Awesome options :D good job on this

Posted 2 months ago

The scroll wheel doesn’t work on a Mac. A shame to lose those sales. Using a Mighty Mouse here and getting no reaction. I notice that some file creators here on FD do include the Mac code. So can it be done with this file?

Posted 2 months ago

Yes, that can be done. There is a class from pixelbreaker that does it. I’ll soon update it to work with mac also. :)

Posted 2 months ago

Yes, that can be done. There is a class from pixelbreaker that does it. I’ll soon update it to work with mac also. :)

Posted 2 months ago

i like the scroll both feature :)

Posted 2 months ago

pretty tight homey

Posted 2 months ago

I tried control+mousewheel but it just magnified my screens. HA! Then I remembered, I’m using a Mac.

Posted 2 months ago

well…I didn’t know that happen in Mac. Anyways, the key can always be changed to something else… ;)

Posted 2 months ago

very nice file

Posted 2 months ago

Very nice! Good Job!

Posted 2 months ago

Great functionality… very useful. 8) bookmarked.

Posted 2 months ago

I bought the file today – great stuff! Thanks!

It has solved PART OF a problem I’ve had for over two years now (yes, I know, ridiculous!) which has been delaying my personal portfolio update since 2005 – no kidding.

I’m hoping you, ‘iceonflames’ or someone else can solve the other part.

The scrollbar in this file is NOT in proportion with the height of the content area – it remains about 50 pixels high regardless of the height of the content or size of the window. Therefore, the scrollbar does not re-scale according to the height of the window when you drag/re-size your browser window.

So, my problem is, I’d really like the scrollbar to scale according to the height of the content eg if the content is twice the screen height, the scroll bar is 50% of the ‘current’ browser window height.

I was slightly disappointed this was not in the .fla already but if you could supply an .fla (I’ll pay for it again if you post it!!!) with this functionlity added to your code, it would immensely appreciated!!

Thanks again J

Posted about 1 month ago

@josimar – there is a property called ‘scaleScrollBars’ that does exactly what you want. In the preview, click on the ‘Toggle Scrollbar Scaling’ button in the control panel to see the effect. If that is not what you need, then I might have misunderstood your question. Please contact me from my profile page so that I can assist you further.

Posted about 1 month ago

excellent – thanks iceonflames! My fault – I didn’t refer back to your original .swf!! duh.

Posted about 1 month ago

Nice scroller! Good job!

Posted 29 days ago

Hi,

I bought this file. It´s nice. But I have one question: if the screen is big enough to show the whole content an I don`t need the scrollbars, I want to center the content swf! How can I do this???

Posted 13 days ago