APORTE: scroll facil con jquery (= focus)

[mayid]

Para hacer un scroll animado a cualquier elemento de una pagina, y focalizarlo, a la manera en que funcionan las anclas en html, podemos hacer así:

// focalizar
var focalizar = $("div#destino").position().top;
$('html,body').animate({scrollTop: focalizar}, 1000);

Con esto, estaremos haciendo scroll hacia el div#destino.

Esto:
$('html,body')

asegura que sea crossbrowser, pero pueden intentar lo mismo con:
$(document)

[gonza_06]

Código:

jQuery.fn.scrollTo = function(time){
  var t = $(this).offset().top;
  if(t > 10){t = t - 10}
  if(time == 'fast'){time = 400}
  if(time == 'medium'){time = 800}
  if(time == 'slow'){time = 1200}
  if(time == null){time = 1000}
  $('html,body').animate({scrollTop: t}, time);
}

con esa funcion que cree podes poner directamente el id del objeto que quieras llegar, ejemplo:

Código:

$('#menu').scrollTo('fast')