Meu botão ''Voltar ao Topo'' não funciona.

[Lucas Ramos_168509 0]

No blog onde quero instalar ele não funcona,porém,em outro blog sim (perfeitamente).Não sei se é algum conflito.Tentei de todas as formas acabar,mas não deu certo.

 

 

 

 

 

O código original é esse:

 

 

 

 

 

 

 

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
]]></b:skin> 


<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>










</head>

 

 

 

Qual seria o motivo do problema?

[Ruan Aragão 1]

Primeiramente, não se carrega scripts da forma que você está fazendo.

 

forma correta

<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

 

 

e o outro problema é no javascript, as aspas no código.

$().UItoTop({ easingType: 'easeOutQuart'});

[Ricardo Barantini 33]

Não precisa colocar âncora no topo da página?

[Lucas Ramos_168509 0]

 

Primeiramente, não se carrega scripts da forma que você está fazendo.

 

forma correta

<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

 

 

e o outro problema é no javascript, as aspas no código.

$().UItoTop({ easingType: 'easeOutQuart'});

 

Ainda não deu certo...

 

Na verdade Ruan Aragão,esses seus códigos só funcionam no outro blog. Agora no blog que eu quero,ainda não.Eu acho que deve ser algum conflito...não tenho idéia.

[Ricardo Barantini 33]

Verifique se não possui nenhuma tag HTML ou JS antes do Jquery que está aberta e não foi fechada.

[Dian Carlos 29]

Você pode usar a função animate(), nativa do jQuery, para fazer isso:

 

$('#toTop').click(function(){ $('html, body').animate({        scrollTop: 0    }, 'slow');
});

 

Essa função também tem efeitos de easing, veja a documentação do método http://api.jquery.com/animate/