Tienes que escribir JavaScript para hacer esta funcionalidad. El código es el siguiente Paso
Desarrollo de aplicaciones para iPhone
Paso 1) Agregar HTML:
- ¿Cuánta energía ahorraría una página web de 10 Mb si se redujera a 1 Mb, al que accedía 1 millón de personas diariamente?
- ¿Qué significa aprovechar el almacenamiento en caché del navegador?
- ¿Qué tan importante es un título universitario para un desarrollador web si su trabajo y cartera es excepcional?
- ¿Cuál es el mejor creador de sitios web en 2017?
- ¿Cuáles son las cosas más importantes que busca al elegir un proveedor de alojamiento web: costo, calidad de soporte, velocidad de su sitio u otra cosa?
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
