2012-06-25 10 views
7

Tengo una tabla donde la última columna contiene botones de acción que abre otra sección debajo de la tabla. Cuando se abre esa sección, la página del cuerpo permanece donde se presionó el botón de la columna de acción. Necesito usar un jQuery preferiblemente con .animate que desplaza la página .html a esa sección abierta debajo de la tabla.onHaga clic en ir a la parte inferior de la página usando jQuery .animate

ejemplo violín: http://jsfiddle.net/Ksb2W/110/

Si alguien me ayuda con esto Cand. Gracias.

+0

¿Qué quiere decir con 'a esa sección abierta debajo de la tabla'? Dónde ? – Blaster

+0

en mi violín No tengo nada en los botones de acción ... – mcmwhfy

Respuesta

14

demostraciónhttp://jsfiddle.net/h4ZQR/ohttp://jsfiddle.net/byRRY/

Buena API: http://api.jquery.com/scrollTop/

Por favor Nota: se puede utilizar: .animate({scrollTop: $("#whateverdiv").offset().top}); a ir a ciertas secciones de la página.

Esperanza esto ayuda

html

<a href="#bottom" id="hulk">Click me to go to bottom</a> 

código

$("#hulk").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 

});​ 

O

$("a[href='#bottom']").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
});​ 
+2

y para "Hulk" id debes dar un margen superior o algo de CSS. – RulerNature

+2

@RulerNature yeps ':)', si css necesita ir con él, gracias por eso –

+0

Mejor en clase: D ¡Gracias! – mcmwhfy

Cuestiones relacionadas