Botón ir arriba en Blogger: Código y Tutorial

Windowshq dijo:

Prueba con este : Las nubes tapan el cielo.: Tutorial: Poner botón de ir arriba. :encouragement:

Hacer clic para expandir...

Gustavito dijo:

O algo mas simple🙂

PHP:

<a href="#"><img src="irarriba.png" title="Ir arriba" style="position: fixed; bottom: 10px; right: 2%;" /></a>

irarriba.png Colocas el nombre de tu imagen tener en cuenta si es jpg png o gif


Saludos😱

Hacer clic para expandir...

Mugiwara dijo:

Gracias Gustavito, este si funciono, solo que aparece todo el rato, sabes como hacerlo para q solo aparezca cuando bajen?

Hacer clic para expandir...

EnzoZ dijo:

Eso es en JQuery, busca en google un codigo en JQuery.

Hacer clic para expandir...

Gustavito dijo:

Bueno de todo lo que probe ese era el unico que me funciono... y si aparece todo el tiempo 🙄 Pero no pude hacer andar ningun otro, pero dbe de existir jeje😛8:

Hacer clic para expandir...

<script>
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('.scrollUp').fadeIn();
} else {
$('.scrollUp').fadeOut();
}
});
$(document).ready(function(){
$('.scrollUp').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
})
</script>

<a href="#" class="scrollUp"></a>

<style type="text/css">
.scrollUp{
/* Ancho de la imagen que usaremos como boton */
width:99px;
/* Altura de la imagen que usaremos como boton */
height:99px;
/* Grado de opacidad de la imagen que usaremos como boton */

position:fixed;
bottom:90px; /* conviene que quede arriba del footer */
left:30px; /* Izquierda o derecha según el diseño*/
display:none;
/* URL de la imagen que usaremos como boton */
background: url('http://1.bp.blogspot.com/-QZ0cmY8ejdc/Tdu5-UkizDI/AAAAAAAAAMM/xi1h810RGOk/s320/flecha-arriba.gif') no-repeat; /* nuestra imagen*/
}
</style>

Hacer clic para expandir...