Podrías obtener un resultado más pronto si directamente ocultas el contenido desde la hoja de estilos y en la función que se ejecuta al completarse el efecto en el método
.animate()
efectúas el cambio respectivo para que el contenido vuelva a ser visible; o bien puedes utilizar el método
.scroll()
para realizar el desplazamiento sin efectos de transición.
Código CSS:
Ver originalbody{
opacity: 0;
}
.show{
opacity: 1;
}
Código Javascript
:
Ver originalwindow.scroll(0, posicionar);
document.body.className = "show";