Comment ajouter correctement le plugin .scrollTo?

Question

J'ai ce script, en cours d'exécution sur une liste de liens:

$('li#linkcat-25 a').bind('click', function (e) { 
    e.preventDefault(); 
    $('#preview').load($(this).attr('href')); 
    $('#loading').show('fast'); 
    $('#preview').hide('fast'); 
    $('#preview').show('fast'); 
    $('#loading').hide('fast'); 
}); 

Comment puis-je ajouter easly un effet .scrollTo, de sorte que cliquer sur un de ces éléments href va afficher/cacher tel que proposé, et lorsque vous avez terminé, va défiler vers le bas jusqu'à la div #preview?

Merci!

Answer 1

Vous souhaiterez probablement le plugin scrollTo qui peut être utilisé comme ceci:

$('li#linkcat-25 a').click(function (e) { 
    e.preventDefault(); 
    // any hiding or showing can be done here 
    $.scrollTo($("#preview")); 
}) 

Vous pouvez également fournir le plugin scrollTo avec un certain nombre d'autres options utiles. Info peut être trouvé sur le scrollTo plugin page mais le lien vers la démo pourrait avoir moved here.

Answer 2

Salut déjà mentionné dans une question précédente.

Vous pouvez placer ces éléments dans un div puis utiliser .animate pour faire défiler. comme

$("#divcontainer").animate({'scrollTop': '600'}, 4000);