Wie man richtig die .scrollTo Plugin hinzufügen?

Question

Ich habe dieses Skript auf einer Links-Liste ausgeführt werden:

$('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');
});

Wie kann ich easly einen .scrollTo Effekt hinzufügen, so dass durch Klicken auf eines dieser href Elemente zeigen / verstecken wie vorgeschlagen, und fertig, wenn, wird sanft in der #preview div nach unten scrollen?

Danke!

Answer 1

Sie die Möglichkeit des scrollTo Plugin, das wie folgt verwendet werden kann:

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

Sie können auch die scrollTo Plugin mit einer Reihe anderer nützlicher Optionen. Info auf der scrollTo Plugin-Seite gefunden werden, aber der Link zur Demo könnte a href hat < = "http://demos.flesler.com/jquery/scrollTo/" rel = "nofollow noreferrer"> bewegt hier .

Answer 2

Hallo es bereits in einer früheren Frage erwähnt.

Sie können diese Elemente in einem div setzen und dann blättern Sie .animate. wie

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