positioning depending upon scroll

[hsriat]

I have a toolbox that appears dynamically on the screen.

Now what I want is, that this toolbox should have a top:120px and position:absolute.
But when page is scrolled up by more then 120px, its style should change to top:0px and position:fixed.

Here is an example of what I want. You can see show site navigation on top left of the page which have similar properties which I want.

It there any CSS way to do this?

[harshmaul]

hi hsriat,

Our paths aint crossed in a long time!! anyway... CSS HTML aint designed to do stuff like that. you need to use javascript to control where that sort of content goes.

You can only position images like that using background properties and such.

[hsriat]

hi hsriat,

Our paths aint crossed in a long time!!

Hey Harjit,
I agree, but I've been regular here, not in this forum, but JavaScript and PHP.
Glad to know you remember :)

anyway... CSS HTML aint designed to do stuff like that. you need to use javascript to control where that sort of content goes.

Even I doubted, but just hoped may be there's some CSS positioning trick.
Like I kept on doing onmouseover="this.className='class2'" till one day I came to know there's something called :hover in CSS. :D

Anyhow, I'll try that out in JavaScript.

Regards,
Harpreet

[harshmaul]

good luck mate!!!!!!