Hola, creo que el codigo esta correcto... los JS importados tambien... son las ultimas versiones y no se cual sera el problema... ojala me puedan ayudar... les dejo el codigo SIMPLIFICADO, y aqui todo comprimido en ZIP: http://rapidshare.com/files/329229426/mi_scrollTo.zip.html (les recomiendo que vean esta ultima)
Lo que quiero hacer son anclas... en donde al hacer click en un titulo el scroll baje directamente hasta el div... de forma animada y con un rebote... efecto bounce.
Aqui esta lo que quiero hacer, es exactamente igual: http://demos.flesler.com/jquery/scrollTo/old/ (hagan click en el boton "button" del 1º ejemplo)
Muchas gracias =)
Código HTML:
<html>
<head>
<style type = "text/css">
.cuadro {
font-family : Trebuchet MS;
font-size : 14px;
color : white;
background : #222222;
margin : 10px;
padding : 5px;
}
</style>
<script type = "text/javascript" src = "../Frameworks/JQuery1.3.2.js"></script>
<script type = "text/javascript" src = "../Frameworks/JQuery.scrollTo1.4.2.js"></script>
<script type = "text/javascript" src = "../Frameworks/JQuery.easing1.3.js"></script>
</head>
<body>
<div name = "atajos" class = "atajos">
<a href = "JavaScript: $.scrollTo('#cuadro2', 800, {easing:'elasout'});">Ir a cuadro 2</a>
</div>
<br><br>
<div id = "cuadro" class = "cuadro">
AQUI MUCHO TEXTO
</div>
<br><br>
<div id = "cuadro2" class = "cuadro">
AQUI MUCHO TEXTO
</div>
<br><br>
<div id = "cuadro3" class = "cuadro">
AQUI MUCHO TEXTO
</div>
</body>
</html>