Link 1

Link 2



Link 3



Link 4



Link 5



Link 6



Link 7



Link 8

Layer 2

Two variables need to be set: orig_x and orig_y equal to the original top and left positions. Put the id of your first layer in the onload handler.

Layer 3

Works great for a long list of links. Your users won't have to scroll up and down, and the code is still fairly simple.

Layer 4

Content for layer 4 here.

Layer 5

Content for layer 5 here.

Layer 6

Content for layer 6 goes here.

Layer 7

Put any type of content you wish in your layers.

Layer 8

Content for layer 8 here.

 

Positioning Show/Hide Layers with Scroll

This example shows and hides layers that are all initially set to the sametop and left positions. As you scroll down the page and click on links, the layers show at the same relative window location, the top position being adjusted according to the amount of scroll.