Colocar efeito de lentidão nessa ancora > window.location.href='#id'

Tenho esse código no meu Javascript:

window.location.href='#id_da_minha_div'

e gostaria de colocar um efeito de lentidão como faço isso?

1 curtida

Bom, sua pergunta não explica bem sua dúvida, mas pelo que eu entendi, você quer fazer a página rolar até a div que tenha esse id com um efeito mais lento, certo?

Se for isso você pode usar o animate do JQuery.

//A Variavel ancora vai receber o valor da sua ancora, no caso o id da sua div
var ancora = '#id_da_minha_div';

//A função animate vai rolar a tela até que o topo da sua tela chegue no topo da div
//Caso queira um respiro entre o topo da tela e o topo da div basta diminuir o tanto de pixels que você quer dar de respiro do ofsset da div
$('html, body').animate({
scrollTop: $(ancora).offset().top //Aqui você diminui os pixeis que quer dar de respiro (Ex: - 20) var resultar em 20px de respiro entre o topo da div e da tela)
}, 1500); //Aqui você define o tempo (Em milisegundos) que a animação vai durar.

Espero que tenha ficado bem explicado e que seja essa sua dúvida.

1 curtida