Cómo combinar el Jquery .load con un .scrollto

[dementiraman]

Buenos días!

Tengo el siguiente problema:

He cargado contenido mediante Ajax en un div y por estética me gustaría que al cargar el
contenido la página hiciera un scroll "bonito" hacia ese div..

Consigo cargar el ajax y consigo hacer el scrollto por separado, pero cuando lo relaciono, no funciona..

Os adjunto el código!
Espero me ayudéis. Gracias!


---------------------------

<script type="text/javascript">
$(document).ready(function() {
$(".boton").click(function(event) {
$("#destino1").load('01.html');
});
});
</script>
......................................

<a class="boton" id="destino2" href="javascript:$.scrollTo('#destino1',300);">

<!-- div de carga Ajax -->

<div id="destino1"><a href="javascript:$.scrollTo('#destino2',300);">Vol ver</a>
</div>

[JavierB]

Hola, dementiraman

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Javascript.

Saludos,

[dementiraman]

Ups, perdón JavierB..
No sabía demasiado bien dónde ubicarlo :(

[InKarC]

<script type="text/javascript">
$(document).ready(function() {
$(".boton").click(function(event) {
$("#destino1").load('01.html',function(){
// Aqui va el codigo que se ejecuta cuando termina de cargar el Ajax, scrollTo o lo que sea.
});
});
});
</script>

[dementiraman]

Buenas y gracias InKarC!!
Probaré hacerlo como dices.
Igualmente ayer encontré una manera de hacerlo.

Falseé el destino de la ancla con un div nuevo:

<script type="text/javascript">
$(document).ready(function() {
$(".boton").click(function(event) {
$("#destino1").load('01.html');
});
});
</script>

......................................

<a class="boton" id="destino2" href="javascript:$.scrollTo('#destino_ancla',300); ">


<!-- div ancla -->
<div id="#destino_ancla><a href="javascript:$.scrollTo('#destino2',300);">Vol ver</a></>

<!-- div de carga Ajax -->
<div id="destino1">
</div>




No sé si es la forma más "correcta" de hacerlo, pero sale bien!

[dementiraman]

Buenas y gracias InKarC!!
Probaré hacerlo como dices.
Igualmente ayer encontré una manera de hacerlo.

Falseé el destino de la ancla con un div nuevo:

<script type="text/javascript">
$(document).ready(function() {
$(".boton").click(function(event) {
$("#destino1").load('01.html');
});
});
</script>

......................................

<a class="boton" id="destino2" href="javascript:$.scrollTo('#destino_ancla',300); ">


[COLOR="Yellow"]<!-- div ancla -->
<div id="#destino_ancla><a href="javascript:$.scrollTo('#destino2',300);">Vol ver</a></>
[/COLOR]
<!-- div de carga Ajax -->
<div id="destino1">
</div>




No sé si es la forma más "correcta" de hacerlo, pero sale bien!