HTML - Duda sobre animación en html

 
Vista:
sin imagen de perfil

Duda sobre animación en html

Publicado por Daniel (6 intervenciones) el 16/03/2017 15:31:45
Buenas, estoy creando una página web y tiene un header con una imagen que ocupa toda la pantalla, en esta imagen hay tres carteles, cada uno con una opción que llevan a un div distinto de la pagina de modo que al pulsar por ejemplo "Noticias" te lleva hasta el div de "Noticias" que está un poco más abajo.

Tal y como está configurado ahora mismo si pulsas el cartel te lleva directamente al div, pero me gustaría que tuviera una "animación" para que bajara lentamente hasta el div.

Algo como en esta plantilla de página web, en la que al pulsar una opción como por ejemplo "blog" te lleva a esa sección con movimiento (http://ewiya.com/prowebpro/)
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Duda sobre animación en html

Publicado por Lopez (271 intervenciones) el 15/04/2017 15:40:27
Hola Daniel,

Espero todo bien.
Esta es una forma simplisima de hacer lo que solicitas.

1
2
3
4
5
6
$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});

Demo: https://jsfiddle.net/cereal/draL0fwt/2/

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar