¿Y A MÍ QUE ME PARTA UN RAYO?
¿Para eso te mostré (también) que tenías que apuntarle al enlace?
¡Y encima que me puse a hacer un escript para dejar en tu tema!
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>BOTÓN ARRIBA/ABAJO. FF, Op, Chr, ¿IE?.</title>
<script type="text/javascript">
function desplazado() {
var altoDocumento = document.body.scrollHeight;
var yScroll = self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
var altoVentana = window.outerHeight || screen.availHeight;
document.title = altoDocumento +" "+ yScroll +" "+ altoVentana;
if(yScroll < 50){
document.getElementById("boton").innerHTML = "ABAJO";
document.getElementById("boton").href = "#abajo";
}
else if(yScroll > (altoDocumento-altoVentana)){
document.getElementById("boton").innerHTML = "ARRIBA";
document.getElementById("boton").href = "#arriba";
}
}
onscroll = desplazado;
</script>
<style type="text/css">
#boton {position: fixed; color: red; background-color: silver;
border: 1px solid black; border-radius: 10%; font-size:150%;
font-weight: bold; font-family: sans-serif; padding: .5%;
text-decoration: none; right: 10px; top: 50%; display: block;
width: 4em; text-align: center; }
#arriba, #abajo {font-size: 300%; }
p {line-height: 350%; }
</style>
</head>
<body>
<div id="arriba">↑</div>
<a href="#abajo" id="boton"> ABAJO </a>
<p>00 <br>01 <br>02 <br>03 <br>04 <br>05 <br>06 <br>07 <br>08 <br>09 <br>
10 <br>11 <br>12 <br>13 <br>14 <br>15 <br>16 <br>17 <br>18 <br>19 </p>
<div id="abajo">↓</div>
</body>
</html>
(Ahora por eso, no te dejo nada ...
¡Tomá, tomá y tomá!)
P.D. : Una última duda. Al final sos
nena o sos
nene ?. Porque recuerdo algún tema donde te referías a vos mismo/a con género masculino, pero aquí dijiste
"soy algo nueva en esto de programar". Ahora me asaltó la duda.
(Por favor, decime que sos mujer ...)