Php Help Desk: DIV inmovil DIV flotante DIV que no se mueva v2

lunes, 29 de agosto de 2016

DIV inmovil DIV flotante DIV que no se mueva v2

<style>

#menu
{
position: absolute;
left:0px;
top:0px;
z-index: 10 !important;
width: 100%;
height: 100px;

background-color: #111111;

filter:alpha(opacity=60);
opacity:0.6;
}

</style>

<body onscroll="colocarMenu(event);">

<div id="menu">
    <div style="color: #ffffff; filter:alpha(opacity=100);opacity:1;">
        DIV Flotante al hacer scroll
    </div>
</div>

<script>

//*** dejar el menu arriba fijo
function colocarMenu(event)
{
    var alto1 = document.body.scrollTop;
    var alto2 = document.documentElement.scrollTop;

    if (alto2>alto1)
    alto1=alto2;

    document.getElementById("menu").style.top= alto1+"px";
}

</script>

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)