Search  

FULLSCREEN VERTICAL AND HORIZONTAL SCROLLBAR

HomeBrowse CategoriesFlashApplications and UtilitiesFullscreen Vertical and Horizontal scrollbar
Full_screen_preview

Fullscreen HORIZONTAL scrollbar AND Fullscreen VERTICAL scrollbar

All in one download!

It handlles true fullscreen (when flash jumps out from the browser chrome)

There are two separate classes , one for vertical scrollbar , and one for horizontal scrollbar.

Scrollbar adjusts itself according to the window size.

It hides it self it the content is smaller than the stage. dragger button resizes according the amount of content, but it will never go to small if the content is really big (it has a minimum height set).

You can use arrows, scrolltrack, scrollbutton, and mousewheel to scroll content. Just like the browser scrollabar

Scrollbar skin is very easy to change.it contains four elements(two arrows,track and dragger)

It’s class based so you just import the classes and initialize it from code like this:

var scroll:FullScreenVert=new FullScreenVert(target,arrow); // for verrtical scroller

check out the demo ,there is a demo button with more detailed explanations.

Try resizing the browser window ,or try it fullscreen to see how the scrollbar behaves. It works in all browsers.

PDF help file included.
More files

Background images and swf’s template rotator

You may also be interested in my most popular file :)

One of my best files :)

NEW !!! => on flashDen Social Bookmarking in flash !!!

Progressive background with scan lines !!!

Posted 7 months ago

heey!

This is a impressive file, but it’s way to complicated to modify for a intermediate flash user… 400 lines of actionscript in the main.as file…sooo I need a little help!!

I want to use the horizontal scrollbar for my portfolio…Just want to scroll movieclips of my works which will be loaded externally in to my main file. I guess the scrollbar already controls a movieclip I can load all my content in…

Is there a way to do this???

I’ve tried to modify, but there is to much script in that file so I don’t know where to begin!!

cheers

Posted 3 months ago

@tomasso email sent ;)

Posted 3 months ago

Hey how are you I love this file but i have a little problem the scrollbar doesn’t load automatically take a look at this link http://www.realwebdesigns.com/ASJ%20Enterprises/index.html and when you use the mouse scroll the site content goes down can you please tell me how to fix that thanks

Posted 3 months ago

Hi, i don’t understand how to make this work(not an expert with AS).

My AS is:

include “main.as”

import com.dsky.*;

var mainHolder:MovieClip = _root.createEmptyMovieClip(‘mainHolder’, _root.getNextHighestDepth()); //var scrollerH:ScrollerH = new ScrollerH (mainHolder, false)// this scroller doesn’t have arrows (set to false);

var scrollerH:FullScreenHor=new FullScreenHor(mainHolder,true); scrollerH.updateScroller();

this.attachMovie(“timeline_mc”, “mainHolder”, this.getNextHighestDepth());

the scrollbar doesn’t show up… thanks—

Posted 2 months ago
@ gabius try to use this:
var scrollerV:FullScreenVert=new FullScreenVert(contentHolderV,true);
Posted 2 months ago

contentHolderV is the target movieclip.

Posted 2 months ago

Hello dSKY.

Does it support multiple pages? My site has about 10 pages, and when the scroll doesn’t need, I’d like to disable and hide it.

Posted 2 months ago

Scrollbar hides it self when the content fits in the page, I don’t know how your flash file is constructed.

Posted 2 months ago

dsky – i haven’t tried what you suggested yet me because i forgot to mention that i’m trying to only have a horizontal scroller… not a vertical one…

Posted 2 months ago
@gabius the principle is the same for horizontal scroller , just use horizontal class
var scrollerH:FullScreenHor=new FullScreenHor(contentHolderV,true);
Posted 2 months ago

The scroll works for me

Posted 2 months ago

Thanks :)

Posted 2 months ago

I’m sorry but ‘m not getting this ..it may be the easiest implementation but your different instructions make it confusing.

I’m not sure what code to use:

I’ve added this:

var scrollerV:FullScreenVert=new FullScreenVert(contentHolderV,true);

to a frame and it tells me that the class was not imported, you need to specify whether this is all the code needed or just a chunk of a larger code, and tells us what the larger code is if any.

Posted about 1 month ago
You need first to import the class with the import statment.
import com.dsky.FullScreenVert;
<pre/>
Posted about 1 month ago

Awesome file Just a couple of questions though, how can i set the scrollbar to not appear in the bottom 20 px of the stage. I have a fixed content bar at the bottom. 2. This might be some stupid mistake I’m making, but the swf with the scroll bar is loaded into a main stage, but the content and scroll bar doesn’t appear. I was using:

loadMovie (“FullScreenScrollerVertical.swf”, corporatesite); loadMovie (“bottombar.swf”, bottombar);

Stage.scaleMode = “noScale”; Stage.align = “TL”;

bkg1._x = 0 ; bkg1._y = 0 ; corporatesite._x = Stage.width / 2 ; corporatesite._y = 0 ; bottombar._x = 0 ; bottombar._y = (Stage.height – 28) ;

///////////////////////////////////////// //Listener Event.. stageListener = new Object (); stageListener.onResize = function(){ ////Loaction on Resize Stage.align = “TL”; //Commons bkg1._x = 0 ; bkg1._y = 0 ; corporatesite._x = Stage.width / 2 ; corporatesite._y = 0 ; bottombar._x = 0 ; bottombar._y = (Stage.height – 28) ; }; Stage.addListener( stageListener );

Many thanks

Posted about 1 month ago
When you load your movie , you need to call
var scrollerV:FullScreenVert=new FullScreenVert(contentHolderV,true);
<pre/>
It creates the scroller and set's the target for scrollin , in this case contentHolderV will be scrolled.<br/>
So, you should create an empty movie clip , load your file in it, and then call the above line , with that creae empty movie clip as a target parameter.<br/>
And you later change the height of your movie (by attaching some other clips in it , or whatever) , you need to call:
<pre>
scrollerV.updateScroller();
<pre/>
to update the scroller.
Posted about 1 month ago