[SOLUCIONADO] código jquery

anachanelblanc · #1 (**permalink**) 14/09/2015, 12:03

Me podía explicar alguien este fragmento de código. gracias

Código jquery:

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;

elporfirio · #2 (**permalink**) 15/09/2015, 08:32

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.)

Código Javascript:

Ver original!function ($) {

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.

Código Javascript:

Ver original$('html, body')
                 .animate(

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"

Código Javascript:

Ver originalreturn 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.