Comment faire défiler le navigateur d’élément à l’aide de jquery animate

Ce code:

jQuery('body').animate({scrollTop: target.offset().top}, 300); 

Fonctionne dans Firefox, mais pas chrome.

Ce code:

 jQuery('html').animate({scrollTop: target.offset().top}, 300); 

Fonctionne en chrome, mais pas firefox.

Je n’ai pas encore testé dans IE.

Quelle est la bonne façon de faire cela, multi-navigateur? Si ce n’est pas clair dans les extraits ci-dessus, je cible une div de la page et je veux y faire lentement défiler lentement pour qu’ils fassent exactement ce que je veux … mais pas pour croiser leur navigateur.

Spécifiez le html et le body :

 $("html,body").animate({scrollTop: target.offset().top}, 300);