Hola. Les comento un problemilla que me ha surgido y no consigo solucionarlo.
Tengo un menú que baja al hacer scroll. Esto lo hace perfectamente, le dejo el js para que lo vean:
$(document).ready(function(){
var altura = $(".header-top").offset().top;
$(window).scroll(function(){
if($(window).scrollTop() >= altura){
$(".header-top").css("margin-top","0");
$(".header-top").css("position","fixed");
}else{
//$(".header-top").css("margin-top","100px");
//$(".header-top").css("position","static");
}
});
});Tuve que comentar las líneas del else por que me hacía cosas raras, y creo que no son necesarias,(no entiendo por que hace un margin-top de 100px, al hacer scroll hacía arriba por unos segundos descuadra todo, y deja un trozo en blanco arriba).
El problema me sale cuando al clicar a uno de los botones del menú y baja hasta la seccíon donde debe bajar, el menú baja de más. Con un par de imágenes me explicaré mejor.
y yo querría que quedase en esta posición:
Yo tengo el id donde comienza cada sección, por ejemplo:
</div>
</div>
<div class="twitter" id="proyectos">
<div class="container">
<div class="portfolio_top">
<div class="portfolio_left">
<h3 class="m_21">Proyectos</h3>
<div class="m_22"><span class="default_line"> </span></div>
</div>Vaya, que lo que querría que quedase en el id sería la parte inferior del menú, y no la parte superior, de esta manera no taparia parte de la sección al bajar.
A ver si me pueden ayudar. Gracias.
