Foros del Web » Programando para Internet » Jquery »

Variar datos de scrollTop según el ancho de la ventana

Estas en el tema de Variar datos de scrollTop según el ancho de la ventana en el foro de Jquery en Foros del Web. El código que muestro a continuación está perfecto. Lo único que me gustaría que cuando el ancho de la ventana sea inferior a 450px el ...
  #1 (permalink)  
Antiguo 13/01/2020, 08:11
 
Fecha de Ingreso: julio-2010
Mensajes: 24
Antigüedad: 9 años, 8 meses
Puntos: 0
Variar datos de scrollTop según el ancho de la ventana

El código que muestro a continuación está perfecto. Lo único que me gustaría que cuando el ancho de la ventana sea inferior a 450px el Top varíe de "- 43" a "0".
Gracias
Código:
$(".edgtf-btn.edgtf-btn-solid").click(function () {
    $('html,body').animate({
        scrollTop: ($("#portfolio-lista").offset().top - 43) + 'px'
    }, 600, 'easeOutQuad');
});
  #2 (permalink)  
Antiguo 13/01/2020, 09:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.638
Antigüedad: 12 años, 1 mes
Puntos: 1109
Respuesta: Variar datos de scrollTop según el ancho de la ventana

mete el numero 43 en una variable y antes de hacer la animación valida el ancho de la pantalla

window.innerWidth
  #3 (permalink)  
Antiguo 13/01/2020, 13:09
 
Fecha de Ingreso: julio-2010
Mensajes: 24
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Variar datos de scrollTop según el ancho de la ventana

Gracias ArturoGallegos, pero te comento que lo mío es básico. Si me lo mostraras te lo agradecería.
  #4 (permalink)  
Antiguo 13/01/2020, 13:56
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.638
Antigüedad: 12 años, 1 mes
Puntos: 1109
Respuesta: Variar datos de scrollTop según el ancho de la ventana

Acude a tus libros de Javascript, como bien dices es de temas básicos.

Manual básico de Javascript - uso de variables
Manual básico de Javascript - condicional IF



La zona horaria es GMT -6. Ahora son las 20:09.