Código Javascript
:
Ver originaljQuery(document).ready(function(){
!function ($) {
function go_to_anchor( target ){
var offset = parseInt($('body').css('paddingTop'));
$('html, body')
.animate({'scrollTop': $(target).offset().top-offset}, 700, 'swing' );
return false;
}
}
}
1. La primeria linea dice, que al terminar de cargar el documento web haga lo que tiene declarado en su interior;
Código Javascript
:
Ver originaljQuery(document).ready(function(){
2. La siguiente linea hace la negación del resultado de una función anonima que recibe como parametro un '$' (en ves de $ podría ser 'A,C,Ñ' etc.)
3. declara una funcion con el nombre 'go_to_anchor' y recibes el parametro 'target'
Código Javascript
:
Ver originalfunction go_to_anchor( target ){
4. Del DOM, busca el tag <body> y obten el valor de su padding superior, ese valor conviertelo a entero y guardalo en la variable offset
Código Javascript
:
Ver originalvar offset = parseInt($('body').css('paddingTop'));
5. Del DOM, busca las tags <html> y <body> a las cuales vas a aplicar la siguiente animación.
A la propiedad 'scrollTop', asignale el valor del offset del parametro obtenido (target), haz que la animación ocurra en 700 milisegundos y realiza la animación mediante el efecto swing
Código Javascript
:
Ver original{'scrollTop': $(target).offset().top-offset}, 700, 'swing' );
6. Al terminar retorna un valor "false"
7. Pero como negaste la funcion en el paso 2, entonces ese valor "false" se convierte en "true"
8. Fin
==================================================
En resumen, dado un tag de html, la función hace un scroll hasta la supuesta ubicacion :) del tag.