Hola tengo el siguiente problema:
Tengo que trabajar con el código de una agencia diferente y la función de desplazamiento no funciona correctamente debido al encabezado fijo.
Cuando el encabezado está contraído (minimizado), se desplaza a una altura dinámica y se muestra correctamente; sin embargo, si el encabezado no está contraído, las funciones de desplazamiento se detienen antes porque cree que el encabezado aún es grande cuando se detiene, sin embargo, el encabezado se minimiza cuando desplazando hacia abajo.
Probé valores estáticos en lugar de $('header').height(), pero esto estropea la compatibilidad con otros dispositivos.
¿Algún consejo para una mejor solución? Gracias por adelantado.
;( function( Tao ) { Tao.defer( function( $ ) { $( document ).on( 'click', 'a[href^="#"].scrollUp', function( e ) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); var target = this.hash; $( 'html, body' ).stop().animate( { scrollTop: 0 }, 900, 'swing', function() { window.location.hash = target; } ); } ); $( document ).on( 'click', 'a[href^="#"]', function( e ) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); var target = this.hash; var $item = $( this.hash ); if ( ! $item ) { return; } $( 'html, body' ).stop().animate( { scrollTop: $item.offset().top - $('header').height() //scrollTop: $item.offset().top - 129 }, 750, 'swing', function() { history.pushState( {}, '', target ); } ); } ); $( document ).ready( function() { if ( document.location.hash ) { var $item = $( document.location.hash ); $( 'html, body' ).stop().animate( { scrollTop: $item.offset().top - $('header').height() } ); } } ); } );