thanks for answering the post,

Somehow I noticed that this method does not work if a user tried to move

the content with the mouse wheel (you know as in frames in HTML)

A user has to grab the bar or click on the scroll buttons in order to move

the content. Do you know anything about it?

Thanks, this one works perfectly.

However my problem is that I want to make it a custom one. I want to make

the bar my own design, as well as as scroll buttons.

Do you know how to change those?

Thanks I appreciate your help

Hi Peter,

I tried to download your source file, but it does not open anymore, I can not look at it. Could you please reload?

Hi Peter,

Thanks for looking into this. I was able to download it, but it seems that

you are working in the latest version.

I have SC5 and you saved it in CS5.5 Could you please resave it as version

5 or 4?

Thanks,

Nikolai

Thanks, Appreciate you are following up.

I was able to download and open your file.

I will be trying to apply it into my site environment

Thanks,

Nikolai

Hi Peter,

I started to have a problem once I started to change the content of "MyContent". What I did I combined all the product images mc's (which act as buttons as well) into one mc named "MyContent"

As soon as I did that the scroll pane treats "MyContent" as a very, very long mc and repositiones it half way to the left of the scroll pane.

I need to accomplish to things.

One is to make sure that the position of the "MyContent" is exactly where I want. Its upper left corner has to be in the same position as upper left corner of the scroll pane. Now it seems that the top is properly aligned, but the center of "MyContent" mc is aligned with the left margin of the scroll pane.

Two is make sure that scroll bar of the scroll pane recognizes the true height of the "MyContent" mc.

mc_pane2.source = MyContent;

mc_pane2.horizontalScrollPolicy = "off";

mc_pane2.update();

stage.addEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);

function mouseWheelHandler(event:MouseEvent):void {

          mc_pane2.verticalScrollPosition -= event.delta;

}

Peter,

Thanks for keeping up the correspondence.

I noticed something new happening with my site in the section where I have applied your code for the scroll pane.

My entire site is set to be scaled to fit on screen, however in the section where I used your code for scroll pane it is suddenly jumps to its ture 100% scale.

I understand it is because of the lines:

import flash.display.StageScaleMode;

stage.scaleMode = StageScaleMode.NO_SCALE;

Can I block them out, or only the last one? Are they imperative for your code to work?

Here is how the code is presently looks like:

import flash.display.StageScaleMode;

import flash.events.MouseEvent;

stage.scaleMode = StageScaleMode.NO_SCALE;

mc_pane2.source = MyContent;

mc_pane2.horizontalScrollPolicy = "off";

mc_pane2.update();

stage.addEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);

function mouseWheelHandler(event:MouseEvent):void {

          mc_pane2.verticalScrollPosition -= event.delta;

}

Thank you, I appreciate that you follow up on my questions.

I did not expect that a seemingly simple implementation of a scroll pane

will bring so many additional questions.

FYI, Maybe you will find it interesting or useful in the future.

I was not able to access the mc inside the scroll pane with the code:

TweenLite.to(mc_pane2.content.scrollpaneBckgrnd_mc.FloraLytell_btn, 1,

);

I had to explicitly specify that it is the mc I am accessing inside the

scroll pane, otherwise I was getting errors:

TweenLite.to(MovieClip(mc_pane2.content).scrollpaneBckgrnd_mc.FloraLyt ell_btn,

1, );

P.S. If you have time can you briefly tell me why is there  a line of code

in your sample:

mc_pane2.update();

Can it be changed with the size specified for the mc_pane2:

mc_pane2.setSize(556, 300);

what would be the major difference between them?