Problemas CSS con mi Web

RoyalCosta #1 Jul '16

Hola, tengo una web para mi inmobiliaria y tenemos un problema. Necesito que el menu principal siga al usuario mientras va haciendo scroll pero si ponemos position:fixed no queda del todo bien. Me temo que habría que utilizar javascript para esto?

Alguna idea o consejo que no sea muy complicado?

Gracias!!

Por cierto, la web es esta www.royalcosta.com

Merkury #2 Jul '16

#1 Te refieres al menu gris?

Estais usando algo como bootstrap?

APOCa #3 Jul '16

Y exactamente por que no queda bien?

alterego #4 Jul '16

Hay una librería (una de tantas) de jQuery que hace justo esto, al hacer scroll te pone el elemento fijo.
http://imakewebthings.com/waypoints/shortcuts/sticky-elements/

speciaL #5 Jul '16

#1

A mi con position: fixed; y un z-index: elevado me ha funcionado

http://recordit.co/MZOHeFt5V8

Luego quedaría coger la posición del menú con JS/jQuery y que cuando supere esa posición le añade la clase .fixed y quitarla en el caso contrario

$(".grid__col-lg-12").position().top;

1

MegalomaniaC #6 Jul '16

#1 A la clase .topbar metele esto:

    

position: fixed;
top: 0px;
width: 100%;
z-index: 99999;

RoyalCosta #7 Jul '16

Hola, muchas gracias por vuestra ayuda. speciaL en el ejemplo que me has enviado, parece que cuando estás arriba tapa el logo no? Bueno, investigo y pruebo lo que me habéis dicho.

Muchas gracias!!

Problemas CSS con mi Web

Usuarios habituales

Tags