-
Cómo desplazamiento hacia abajo en JavaScript
-
El Document Object Model, o DOM, proporciona una forma estándar para manipular HTML con un lenguaje de programación o programación. El objeto "ventana" en el DOM se refiere a la ventana activa y contiene muchos atributos y elementos que definen aún más la ventana. El método "scrollBy" le permite desplazarse por la ventana de un cierto número de incrementos de desplazamiento y se puede llamar a ese método para desplazarse hacia abajo en una ventana usando JavaScript.
Instrucciones
1 Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Introduzca las cabeceras HTML para el archivo. Por ejemplo, escriba:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Ejemplo de desplazamiento </ title>
2 Crear una función de JavaScript que va a utilizar el método "scrollBy" para desplazarse por la pantalla hacia abajo por 50 píxeles. Por ejemplo, escriba:
<Script type = "text / javascript">
ScrollWindow funcionar () {
window.scrollBy(0,50);
}
</ Script>
</ Head>
3 Añadir un botón en la pantalla que se llamará a la función de desplazamiento cuando se hace clic JavaScript. Por ejemplo, escriba:
<Body>
<Form id = "myForm"> <input type = "button" valor "Scroll" onclick = "ScrollWindow ()" /> </ form>
</ Body>
</ Html>