Comments on: Easy Flash Custom Scrollbar Class (AS2)

By: taterboy

taterboy — Thu, 04 Dec 2008 08:27:36 +0000

These variables control how far the scroll bar moves left and right
scrollObj.barslack
scrollObj.scrolldist (this is the one I would try first)

also in the startDrag method, there are calculations for the left and right end points. You would have to add some buffer code in there too.

First make sure all the art work and scroll object’s x and y coordinates are whole numbers if you are placing things on the stage. This helps the calculations. For some reason, things start to over lap when the coordinates are not whole numbers. I try to adjust this in the class and this may not be an issue, but something worth looking into.

By: Jason

Jason — Thu, 04 Dec 2008 05:52:42 +0000

Great scroller! Nice and simple. Easy to customize. Quick question, can I add a “buffer” to the end of the horizontal scroll? My scroll bar goes about 5-10 pixels to far to the right.

By: taterboy

taterboy — Sun, 30 Nov 2008 03:52:42 +0000

The horizontal version has been updated, http://www.taterboy.com/blog/downloads/scrollHorizontal.zip
I was planning on updating everything, thanks for keeping me honest.

By: Skipp

Skipp — Fri, 28 Nov 2008 17:20:09 +0000

Thanks for the bugs fix!! Do you have de fix for the Horizontal version also?

When you have time, it would be nice to have the horizontal version in the same class and specified by a parameter…. I’m making your work here!! ;)

Thanks a lot, very nice work!!

By: Carlitos

Carlitos — Wed, 26 Nov 2008 20:18:48 +0000

I swapped your “less text” variable for my myLV.load(myVars) statement but it works. Thanks a ton I dig the edit ability of this and I wanted to use it as I have a couple others that I normally use but this was more fitting to what I was working on.

Thanks again

By: taterboy

taterboy — Wed, 26 Nov 2008 19:28:21 +0000

Here is some sample code I used to get css to work with this setup.

first change the textField font type to Device Font.

[-]View Code AS

//to load css
var cssStyles:TextField.StyleSheet = new TextField.StyleSheet();
cssStyles.onLoad = function (success) {
	trace(success);
	if (success) {
		sClip.op.styleSheet = cssStyles;
		sClip.op.htmlText = "" + lessText +"";
		sClip.setMask(tMask);
		//myLV.load(myVars);
		trace("css styled text has loaded into dynamic text field");
	} else {
		trace("error");
		sClip.op.text = "There has been an error loading the requested information.  Please contact the Webmaster and report your error.";
	}
}	
cssStyles.load ("whiteStyles.css");

//css file (whiteStyles.css)
.body {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color:#00ff00;
}

By: taterboy

taterboy — Wed, 26 Nov 2008 19:25:24 +0000

The class has been updated to fix both issues from comment 30.

By: Rood

Rood — Tue, 25 Nov 2008 22:45:07 +0000

Nice coding!

But is there already a fix for comment 30 - problem 1?

I’m having the same problem, please help!

By: Carlitos

Carlitos — Tue, 18 Nov 2008 19:45:14 +0000

Sorry didnt know how to wrap code. Tried using the typical syntax but didnt work.

By: Carlitos

Carlitos — Tue, 18 Nov 2008 19:33:37 +0000

So I am trying to load a loadVars and then style sheet into the sClip movie and it comes up invisible. I am not getting errors and if I like select the “invisible” text I can in fact copy and past. I have my own non-eased version of a scroller but this I cannot get to work on your wonderful class.

[-]View Code AS

 
 
import com.hdi.util.HDScrollMC;	
 
 
var myFlashVar:String = myVars;
 
sectionLabel.text = sectionTitle;
var tvColor:String = sectionColor;
 
 
trace("the TV BG color is" + tvColor);
 
//---------------------------------\\
var myLV:LoadVars = new LoadVars();
 
myLV.onLoad = function (success) {
	if (success){
		trace("initial load vars success");
		sClip.op.htmlText = myLV.info;
	} else {
		sClip.op.text = "There has been an error loading the requested information.  Please contact the Webmaster and report your error.";
	}
}
//---------------------------------\\
 
//---------------------------\\
var cssStyles:TextField.StyleSheet = new TextField.StyleSheet ();
cssStyles.load ("whiteStyles.css");
trace("css var loaded");
cssStyles.onLoad = function (success) {
	if (success) {
		sClip.op.styleSheet = cssStyles;
		myLV.load(myVars);
		trace("css styled text has loaded into dynamic text field");
	} else {
		sClip.op.text = "There has been an error loading the requested information.  Please contact the Webmaster and report your error.";
	}
}	
//---------------------------\\
 
 
 
tvBody_mc.gotoAndPlay(tvColor);
 
stop();
 
 
 
sectionLabel.autoSize = TextFieldAutoSize.LEFT;
 
 
tvBody_mc.host_mc.setMask(screenMask_mc);
 
 
 
// NEW SCROLLER ACTIONS
 
//HDScrollMC(ScrollObject,ScrollMovieClip,MaskMC,UpButton,DownButton,ScrollBar,
	//ScrollBarResize,ScrollBkg,ScrollBkgHide,DownButtonFlip,ResizeScrollObjects,AutoOn,Ease);
 
sbars._alpha = 0;
sbars.sbar.scale9Grid = true;
var scrollSet:HDScrollMC = new HDScrollMC(sbars,sClip,tMask,sbars.upBtn,sbars.dwnBtn,sbars.sbar,true,sbars.sbkg,false,false,true,true,10);
 
btn1.onRelease = function(){
	sClip.op.htmlText = myLV.info;
	sClip.op.autoSize = true;
}
btn2.onRelease = function(){
	sClip.op.htmlText = myLV2.info;
	sClip.op.autoSize = true;
}
 
stop();
 

 
 
From my txt file that gets called from a flashVars set on the html:
 

info=PRIZE BONANZA 
 
Win $750, $1,000, or $1,250 if you refer a winner.
New this year. Every month several HOT JOBS will qualify for double loot. HOT JOBS are SSOE%27s hard to fill positions. Prizes for a HOT JOBS hire are $1,500, $2,000 and $2,500.
THERE%27S MORE! You%27ll get to spin the wheel and win one of these prizes:
 
 Big screen TV 
 Navigation system