Hola forero! Es la primera vez que pido consulta, asi que disculpad si no sigo las normas adecuadas o hago algo mal.
Mi problema es el siguiente. Mis conocimientos en JavaScript se limitan a utilizar scripts que hay en la web, es decir, cero conocimiento de programacion en dicho lenguaje.
Teno un script para hacer un menu stiky que he utilizado con anterioridad. Este menu llegado determinado avance del scroll se fija al top de la ventana
(he aqui el script)
posicionarMenu();
$(window).scroll(function() {
posicionarMenu();
});
function posicionarMenu() {
var altura_del_header = $('header').outerHeight(true);
var altura_del_menu = $('.slide').outerHeight(true);
if ($(window).scrollTop() >= altura_del_header){
$('.slide').addClass('fixed');
$('.content').css('margin-top', (altura_del_menu) + 'px');
} else {
$('.slide').removeClass('fixed');
$('.content').css('margin-top', '0');
}
}
El tema es que en la web que estoy diseñando necesito que el menú se fije a 126px, he leído que en lugar de usar el.scrollTop debería usar el scrollTo(126) pero no me funciona o no estoy sabiendo como implementarlo.
Agradecería cualquier ayuda posible, ya que estoy estancado con este tema
muchas gracias y saludos a todos.
Sergio
