Search  

EASING SCROLL WITH GRADIENT FADE

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesEasing Scroll with Gradient Fade

This is an easing content scroller with a gradient fade. It is entirely customizable from the easing strength to change the track and scroller handle.

ULTIMATE Membership System Version Three Released

\ \ \

Check out my other files:

\ \ \ \
\ \ \ \
\ \ \ \
\
Posted about 1 year ago

please download again. I’ve uploaded a new version.

Posted 9 months ago

Sorry to say but you have a bug :(

When the content is scrolled down and then back up again it wont reach its original ._y position, it will stop exactly at original._y – easingValue….

Are you aware of this or have a fix?

Posted 8 months ago

Hey – i think this is a really elegantly designed piece! i only have one problem… when i am scrolling it, i have a problem where the scroller (the drag clip) gets stuck on the Release, if i have it somewhere in the middle of the scrollable area. Is there a way to fix that?

again – great job!

Robbaya

Posted 6 months ago

Hi robbaya, I cant reproduce the problem you are talking about, but what it sounds like is you press and drag the scroller, move your mouse off the scroller without releasing and it still drags if you release outside correct?

My file should be setup for an onReleaseOutside event already, but if not that should do the trick, just add that to the onRelease function of the scroller

Posted 6 months ago

actually, it would stop when i released it elsewhere. it’s just that it won’t get going again after that. when i mouse over, there is the little hand that shows interactivity, but i can’t move the drag clip… sometimes, though, it remains an arrow, and then i can drag it again… weird, eh?

not sure what i can do about it… the code within the scrolling clip i haven’t changed…

i only altered the code outside that…

scrollContent.cacheAsBitmap = true; //mask.cacheAsBitmap = true; //scrollContent.setMask(mask);

/scrollContent.btn.onRollOver = function() { this._xscale = 150; this._yscale = 150; };

scrollContent.btn.onRollOut = function() { this._xscale = 100; this._yscale = 100; }; */ this.scrollMC.scroller._height=((this.scrollMC.scrollbg._height+15)/(this.scrollContent._height – (this.scrollMC.scrollbg._height)))100; //_root.dragMC.buttonMC.mcBottom._y = _root.dragMC.buttonMC.button._height-22; this.scrollMC.scroller.mcGrip._y = (this.scrollMC.scroller._height+44)/2-(this.scrollMC.scroller.mcGrip._height-6.5);

if (this.scrollMC.scroller._height < 15){ this.scrollMC.scroller._height = 25; this.scrollMC.scroller.mcGrip._height = 25; }

any ideas???

thanks, Rob

Posted 6 months ago

i should also mention that the movie clip i am scrolling is about 2000 px high… it seemed not to work with my other scrollers either… it has both pictures and text. yours works the best, but there’s still that one thing.

thanks! ~R!

Posted 6 months ago

sorry – maybe this is clearer (took out stuff i’m not using) – hope this makes it easier

scrollContent.cacheAsBitmap = true;

this.scrollMC.scroller._height=((this.scrollMC.scrollbg._height+15)/(this.scrollContent._height – this.scrollMC.scrollbg._height)))100;

this.scrollMC.scroller.mcGrip._y = (this.scrollMC.scroller._height+44)/2-(this.scrollMC.scroller.mcGrip._height-6.5);

if (this.scrollMC.scroller._height < 15){ this.scrollMC.scroller._height = 25; this.scrollMC.scroller.mcGrip._height = 25; }

Posted 6 months ago