Stage.Scroll() question?

What are you try to do exactly?

Yes, I too was trying that and was confused. It however works when there is scroll bar in the page. If you set the display to scroll for stage and make the div on the stage bigger that the stage then the scroll bars appear. Now if you scroll up and down it must play the aimation.

Here is what I tried - http://dealsdrizzle.com/research/scroll/test1.html

Download - http://dealsdrizzle.com/research/scroll/scroll.zip

I think to acheive what you took as an example http://childrensmiraclenetworkhospitals.org/Soda/index.html we will need to use mousewheel events. Here you can see some code snippet http://brandonaaron.net/code/mousewheel/demos

I may be wrong but that is how it seems to be.

Looks good drew

Darrell

Hey Drew, this sounds a lot like what I was trying to do a while back. I finally got control of the mouse scroll and it was largely thanks to a tutorial at JqueryForDesigners.

Here is an example composition I set up to illustrate it:

• On the stage is a symbol called "Text".
• Inside the symbol is a text field which is wider than the Symbol
• The Overflow of the symbol is set to "hidden"
• The Javascript file "jquery.mousewheel.js" is in the same folder as the Edge project. It's a plugin that can be downloaded from a link at that tutorial, or just google it.

Here is the code that makes this symbol respond to the mouse scroll:

If you set it up right, scrolling the mouse wheel will make the contents of the symbol scroll horizontally.

The good thing about gaining control of the scroll this way is that you can use it for other things. I made a slider that controlled a list, and used the mousewheel to drive the thumb on the slider along if the user didn't want to drag it. Among other things.

Hope that helps!

Drew, that was nice. Based on your code I researched and found that it works in Firefox too when we use

event.originalEvent.detail along with DOMMouseScroll

Else, for other browsers event.originalEvent.wheelDelta along with Mousewheel works perfect.

Here is an example - http://www.dealsdrizzle.com/research/scroll/scroll2.html

Source - http://www.dealsdrizzle.com/research/scroll/scroll2.zip

Yes, I use Mac.. But can you rephrase the query ?

Are you referring to the bounce effect in Safari browser when you try to scroll beyond the page ?

Try this..

$(window).bind(
'mousewheel',
function(e) {
e.preventDefault();
}
);

drew_BD and Vinay, you guys rock! Saved my life!!

Glad that it helped you..

vinay!!!!!!!!!!!! you rock Mannnnnnnnn thanks a lot .....

after spending the all day digging finaly found this !!!!

u made my day

thanks a lot!!!

what should i do to make the scroll timeline work on touch?

// Works in firefox

$(window).bind('DOMMouseScroll', function(event) { // to enable scroll for entire window use this

//sym.$("Rectangle2").bind('DOMMouseScroll', function(event) { //to enable scroll for a selected div in firefox

            //alert(event.originalEvent.detail);

            var dirf = event.originalEvent.detail > 0 ? 'Up' : 'Down';

            var velf = Math.abs(event.originalEvent.detail);

            $(this).text(dirf + ' at a velocity of ' + velf);

            //return false;

            if(dirf == 'Up')

            sym.play();

            else

            sym.playReverse();

        });

//Works in other browsers

$(window).bind('mousewheel', function(event) { // to enable scroll for entire window use this

//sym.$("Rectangle2").bind('mousewheel', function(event) { //to enable scroll for a selected div in other browsers

            //alert(event.originalEvent.wheelDelta);

            var diro = event.originalEvent.wheelDelta > 0 ? 'Up' : 'Down';

            var velo = Math.abs(event.originalEvent.wheelDelta);

            $(this).text(diro + ' at a velocity of ' + velo);

            //return false;

            if(diro == 'Up')

            sym.play();

            else

            sym.playReverse();

        });

Is it possible to implement some line for this code to stop at the end of timeline? Currently when it reaches the end of timeline, it goes back to the first frame.