Tienes que escribir JavaScript para hacer esta funcionalidad. El código es el siguiente Paso
Desarrollo de aplicaciones para iPhone
Paso 1) Agregar HTML:
- ¿Puede Famo.us cumplir sus promesas?
- Cómo generar automáticamente un diagrama UML a partir del código Python
- Cómo incluir silenciosamente Node.js en nuestro sistema usando la arquitectura LAMP
- ¿Existe un creador de sitios web que tenga un sistema simple de arrastrar y soltar y que no requiera habilidades de codificación?
- La única forma en que las personas pueden obtener un nombre de dominio hoy en día es a través de varios sitios web. Pero, ¿cómo obtienen esos dominios sus sitios web en primer lugar?
Cree un botón que lleve al usuario a la parte superior de la página cuando haga clic en:
Ejemplo
Paso 2) Agregar CSS:
Dale estilo al botón:
Ejemplo
#myBtn {
pantalla: ninguno; / * Oculto por defecto * /
posición: fija; / * Posición fija / fija * /
abajo: 20px; / * Coloque el botón en la parte inferior de la página * /
derecha: 30px; / * Coloque el botón 30px desde la derecha * /
índice z: 99; / * Asegúrese de que no se superponga * /
borde: ninguno; / * Eliminar bordes * /
esquema: ninguno; / * Eliminar esquema * /
color de fondo: rojo; / * Establecer un color de fondo * /
color blanco; /* Color de texto */
cursor: puntero; / * Agregar un puntero del mouse al pasar el mouse * /
acolchado: 15px; / * Un poco de relleno * /
radio de borde: 10px; /* Esquinas redondeadas */
}
#myBtn: hover {
color de fondo: # 555; / * Agregar un fondo gris oscuro al pasar el mouse * /
}
Paso 3) Agregar JavaScript:
Ejemplo
// Cuando el usuario se desplace 20px desde la parte superior del documento, muestre el botón
window.onscroll = function () {scrollFunction ()};
función scrollFunction () {
if (document.body.scrollTop> 20 || document.documentElement.scrollTop> 20) {
document.getElementById (“myBtn”). style.display = “block”;
} más {
document.getElementById (“myBtn”). style.display = “none”;
}
}
// Cuando el usuario haga clic en el botón, desplácese hasta la parte superior del documento
function topFunction () {
document.body.scrollTop = 0; // Para Chrome, Safari y Opera
document.documentElement.scrollTop = 0; // Para IE y Firefox
}
Ahora Kadam Technologies ha iniciado servicios de diseño y desarrollo web y móvil en Malasia. Si tiene algún requisito en el desarrollo de aplicaciones web y móviles. Por favor contáctenos – [correo electrónico protegido] Skype: mohit_kadam