Problemas CSS con mi Web

RoyalCosta

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

#1 Te refieres al menu gris?

Estais usando algo como bootstrap?

APOCa

Y exactamente por que no queda bien?

alterego

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

#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

#1 A la clase .topbar metele esto:

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

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!! ;)

Usuarios habituales

  • RoyalCosta
  • MegalomaniaC
  • speciaL
  • alterego
  • APOCa
  • Merkury