Estou programando um site de uma página que navega por hashs usando as ferramentas disponíveis para animação do CSS3 combinando transition e transform. Usando Less o código dos mixins ficam mais ou menos assim:
.transitionSet (@prop: all, @time: 1s, @ease: linear) {
-webkit-transition: @prop @time @ease;
-moz-transition: @prop @time @ease;
-o-transition: @prop @time @ease;
-ms-transition: @prop @time @ease;
transition: @prop @time @ease;
}
O que acontece é que por CSS3 não consigo animar o scroll da página ao clicar no menu. O caminho é usar Jquery:
function ScrollPage(page){
var FromTop=$(page).offset().top;
$(document.body).animate({
scrollTop:FromTop
}, 1000);
}
O que acontece é que quando as animações ocorrem juntas a rolagem e as animações em CSS3 ficam lentas, o que não não é muito além de pequenos efeitos.
Gostaria de saber o que fazer para que as duas animações ocorram de modo suave e sem delay.