Hola soy nuevo en el foro, y tengo una duda que espero me puedan responder, he intentado utilizar el ScrollTo en una pagina previamente creada por mi, pero este no me funciona, sin embargo al utilizarlo en un proyecto nuevo este si surte efecto,
Código PHP:
<html lang="es-mx">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Descripción de las Herramientas del Curso</title>
<script type="text/javascript" src="Javascripts/jquery-1.7.1.js"></script>
<script type="text/javascript"
src="Javascripts/jquery.scrollTo-1.4.2-min.js"></script>
<style type="text/css">
html {
border: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: transparent;
background-position: left top;
height: 100%;
max-height: 100%;
font-size: 80%;
background-repeat: repeat;
}
body {
border: none;
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#head {
margin: 0;
background: transparent url(Estructura/head.jpg) repeat-x fixed center bottom;
position: fixed;
display: block;
font-size: 3em;
color: #ffffff;
height: 50px;
z-index: 5;
clear: none;
visibility: visible;
width: 100%;
right: 18px;
padding-left: 10px;
}
#background {
overflow: scroll;
display: block;
height: 100%;
max-height: 100%;
position: relative;
padding-left: 100px;
z-index: 3;
background-color: transparent;
}
* html #head {
position: absolute;
}
.pad2 {
display: block;
height: 50px;
}
</style>
</head>
<body>
<div style="font-family: Helvetica,Arial,sans-serif;" id="head">
<br>
<div
style="position: absolute; z-index: 1; left: 34px; width: 1000px; top: 0px; height: 50px;">
Descripción de las
Herramientas del
Curso </div>
</div>
<div style="font-family: Helvetica,Arial,sans-serif;" id="background">
<div class="pad2"><br>
</div>
<div style="margin-left: 0px; width: 708px;" id="content">
<h1 id="top">Sistema Operativo </h1>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="#"
onclick="$.scrollTo('#top', 800, {easing:'elasout'}); return false">arriba</a><br>
<br>
<br>
</div>
</div>
</body>
</html>
Probando me di cuenta que hay una interaccion con #background, y los estilos html y body que no permite que ScrollTo funcione, pero no logro encontrar cual es! espero me puedan ayudar gracias.