Ir arriba con jQuery
Es esencial poner un "ir arriba" "volver arriba" dentro de los post, para que? para dale al usuario una mejor ubicacion. Es decir en una entrada larga, seria fastidioso tener que subir nuevamente arriba, asi que se construyeron lo que muchos le conocen como anclas. Bien vamos a hacer un "ir arriba" pero con un efecto scrolling y suave.

Lo primero que vamos a hacer es pegar este script antes de </body> </html> Normalmente se localiza en texto por debajo de la pagina en los diseños css, si tienes un diseño Ice blue lo deves pegar igualmente en texto por debajo de la pagina.
Y el enlace para enviar al usuario arriba es el siguiente, lo pegas en la fuente html de la pagina que quieras
y bien con eso te quedara ese enlace y ala hora de darle click los llevara arriba con un efecto scrolling y suave.
Y si todo salio bien el resultado seria el siguiente:
Ir arriba ↑
Sin duda un articulo muy util, tambien trabajar con jQuery es muy entretenido, espero les sea util

Lo primero que vamos a hacer es pegar este script antes de </body> </html> Normalmente se localiza en texto por debajo de la pagina en los diseños css, si tienes un diseño Ice blue lo deves pegar igualmente en texto por debajo de la pagina.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#arriba').click(function(){ //Id del elemento cliqueable
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#arriba').click(function(){ //Id del elemento cliqueable
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
Y el enlace para enviar al usuario arriba es el siguiente, lo pegas en la fuente html de la pagina que quieras
<a href='#' id='arriba'>Ir arriba ↑</a>
y bien con eso te quedara ese enlace y ala hora de darle click los llevara arriba con un efecto scrolling y suave.
Y si todo salio bien el resultado seria el siguiente:
Sin duda un articulo muy util, tambien trabajar con jQuery es muy entretenido, espero les sea util
Leave a Comment