How to put a div on the very top of the page using jQuery or javascript?

Question

I use a scrolling navigation so as the navigation is folowing the user and no need to go to the top to change the page.

Because the page is an app page, on the very very top of it i want to add something like this :

My problem is that the scrolling navigation has a really hardcoded css structure, and my question is if there is a javascript/jQuery way to just put that new div block at the top of everything.

Thank you

Answer 1

you can simply try:

#new-div-id {
        position:fixed;
        top:0px;
        left: 0px;
        z-index: 999; 
    }

Answer 2

您可以尝试以下方法：

container.insertBefore(newElement, container.firstChild);

Answer 3

If you don't want to do it using CSS

here is jquery code

$(document).ready(function(){
    $("#new-div-id").css({"position":"fixed", "top":"0px", "left":"0px", "z-index", 9999 });
});