Interfaces between CSS3 transition and Jquery animate

I'm programming a one-page web site that navigates through hashs using the tools available for CSS3 animation combining transition and transform. Using Less the code of the mixins looks something like this:

.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;
}

What happens is that by CSS3 I can not animate the page scroll by clicking the menu. The path is to use Jquery:

function ScrollPage(page){
    var FromTop=$(page).offset().top;
    $(document.body).animate({
        scrollTop:FromTop
    }, 1000);
}

What happens is that when animations happen together scrolling and animations in CSS3 are slow, which is not much more than small effects.

I'd like to know what to do to make both animations smooth and non-delayed.