Set div at top of page no matter where you are on the page

[aeroswat]

So I have an update function that does something and then once it's done it should make a div visible then fade out. It does this well. Now I need to know how to set it so this div is always positioned at the top of the page no matter where I am scrolled to. Certain coordinates if you will.

 

Here's the page

____________

|                    x|

|                      |

|                      |

|                      |

|                      |

|___________ |

 

I always want it where that x is

 

[developerdave]

You will want to use CSS and more specifically a fixed position

.element
{
      position:fixed;
      top:0;
      left:95%;/*change this depending on how wide your element is*/
}

 

That should make it permanently positioned if I'm right

[aeroswat]

You will want to use CSS and more specifically a fixed position

.element
{
      position:fixed;
      top:0;
      left:95%;/*change this depending on how wide your element is*/
}

 

That should make it permanently positioned if I'm right

 

oh shit lol. Thanks. Didn't know I could do this with css. Btw since this goes off of the browser window using a % in the left will work right? It doesn't have to be in an outer relative div correct?

[developerdave]

I'd just change how far left it needs to be by the %. It can be changed by JavaScript if you have different sized elements.

[aeroswat]

I'd just change how far left it needs to be by the %. It can be changed by JavaScript if you have different sized elements.

 

I don't think we clicked there lol. I'll try it out though. Thank you. I'll let ya know if anything goes wrong 

[developerdave]

Lol I wasn't sure what you were asking so I thought I'd just clarify what I meant a bit lol. It doesn't need to be in any extra div or element just apply those 3 lines of CSS and it should be fixed to the top corner.

 

May want to add a z-index to it though if you have loads of elements so it stays on top all the time.

[aeroswat]

Lol I wasn't sure what you were asking so I thought I'd just clarify what I meant a bit lol. It doesn't need to be in any extra div or element just apply those 3 lines of CSS and it should be fixed to the top corner.

 

May want to add a z-index to it though if you have loads of elements so it stays on top all the time.

 

Ya i usually do a z-index for this of like some crazy number 200 or something just so i'm sure it's on top lol.

 

Btw it works thank you.