Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/11/2020, 09:35
AitorLopez
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 14 años, 10 meses
Puntos: 6
Perfeccionar codigo para hacerlo mas eficiente

Hola.

Vaya por delante que mis conocimientos de javascript y jquery son regulares.

Tengo una pagina que al pulsar guardar, va al servidor, realiza operaciones, se trae los datos y despues hace esto:

Código Javascript:
Ver original
  1. $( 'html, body' ).animate({
  2.                 opacity: 0,
  3.             }, 1, function() {
  4.         $( 'html, body' ).animate({
  5.                 scrollTop : posicionar,
  6.                 behavior: 'smooth',
  7.             }, 1, function(){
  8.         $( 'html, body' ).animate({
  9.                 opacity: 1,
  10.             }, 1000)
  11.             })
  12.         });

La idea es que el scroll se situe donde el valor de la variable "posicionar" sin que se note con un efecto fade. Es decir, al entrar en la pagina, que ya haga el fade y que vuelva cuando esté posicionado. Así de esta forma el usuario solo ve que se le ha vuelto a posicionar donde pulsó guardar.

Este código está funcionando relativamente bien, pero en alguna ocasion se ve un poco como baja el cursor.

La idea es que algun experto como vosotros me de alguna idea de como se puede optimizar este trozo de código para que funcione perfecto.

Muchas gracias.

Un saludo.