[SOLUCIONADO] Problema con el botón ir arriba

kidinshell · #1 (**permalink**) 26/11/2015, 05:22

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

kidinshell · #2 (**permalink**) 26/11/2015, 06:08

se me ha solucionado, el problema estaba en las comillas, el script debe ser así para el que le interese

Código HTML:

<script type='text/javascript'>
//Función para ir hasta arriba del documento
	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>