Buenas, quiero poner el típico botón de volver arriba, pero no se que diablos pasa que no sale, estoy ofuscado y a ver si aquí encuentro solución.
vereis yo suelo hacerlo de este modo:
en el html tengo esto para que el botón aparezca cuando le doy scroll abajo y que suba al top de la pagina deslizándola
Código HTML:
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#arriba").hide();
jQuery(function() {
jQuery(window).scroll(function() {
if (jQuery(this).scrolltop()>50) {
jQuery("#arriba").fadeIn();
}else{
jQuery("#arriba").fadeOut();
}
});
jQuery('#arriba').click(function() {
jQuery('body,html').animate({scrolltop: 0}, 800);
return false;
});
});
});
</script>
</head>
<body>
<div id="arriba"></div>
</body> y en el css, claro está le doy formato al div
Código HTML:
#arriba{
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
display: block;
background: url('http://domino.xyz/imagenes/icon_top.png') no-repeat;
}
#arriba:hover{
cursor: pointer;
}
pues bien, yo pongo esto y no pasa absolutamente nada al darle scroll abajo, no entiendo porqué, alguien puede probarlo y decirme que hay mal? u otra forma de poner el botón, gracias