CSS and a layer that stays

[djh]

Need some help. Pretty simple I think.

I have a vertically long page. So, I want a graphic to stay in the same relative position on the page (top right)
no matter how far down one scrolls.

I know it's possible cuz I've seen it done before. Any suggestions?

Drink on George W.

[Hierophant]

You will find scripts that do this at both http://www.dynamicdrive.com and http://www.bratta.com/. I personally think Bratta's scripts are the better written ones but they are harder to customize than Dynamic Drive's are.

[Vincent Puglia]

Hi Dave,

You probably should have posted this in the client-side forum. At any rate:

Perhaps the following example will be of help:

function initScroll()
{
layerDom.top = eval(ie ? document.body.scrollTop : window.pageYOffset);
layerDom.left = eval(ie ? document.body.scrollLeft : window.pageXOffset);
setTimeout("initScroll()", 30);
}
Essentially, you have to constantly reset the layer's positioning (top and/or left) by using javascript's timeOut method. The 'layerDom' above is an object that references the layer's document object model (for example: IE, document.all.layerID.style; NN: document.layers.layerID). Note that IE uses "scroll..." and NN uses "page...Offset". The "30" is simply a time interval. The function needs to be initiated either with the onLoad event handler or at the end of the head tag's script declarations.

FinalNote = (Hope this helps.) ? let me know. : have fun

Vinny

[WebKat]

<<< ~Dave~ Your post was moved from Web Page Design to Client Side Scripting Forum...WebKat, Senior Advisor >>>

~ Be sure to let us know if Vincent's script has worked! ~

[Vincent Puglia]

WebKat: If you're listening

It's not really a script, but a direction.

Vinny

[WebKat]

Whoops ~ Thanks Vinny for the distinction ~ had too many scripts on my mind that day...