Normalmente, abbiamo bisogno di JavaScript per eseguire effetti di scorrimento relativi a diverse azioni dell'utente sulle pagine web. Lo script fa il lavoro di tenere traccia di quanto uno scorrimento verso l'alto o verso il basso richiede una pagina e attiva un'azione quando viene raggiunta un'altezza di soglia.
Non è particolarmente brutto usare JavaScript per scorrere gli effetti. In realtà ci sono casi più complicati che sono impossibili da risolvere senza JavaScript . Tuttavia ci sono degli hack CSS che possono sostituire questi script a volte.
Questo post ti mostrerà come creare effetti footer per mostrare lo scroll della pagina usando CSS. Utilizzeremo due casi d'uso per dimostrarlo: uno per l'intera pagina (vedere la demo) e uno per i singoli elementi della pagina, come gli articoli.
Pagina intera
Abbiamo bisogno di creare un piè di pagina che appare da sotto la pagina mentre l'utente sta scorrendo verso il basso. Inoltre, quando si scorre la pagina di backup, il piè di pagina deve essere nuovamente nascosto sotto la pagina.
Per raggiungere questo obiettivo, per prima cosa dobbiamo creare un piè di pagina con una posizione fissa nella parte inferiore dello schermo.
1. Creare un piè di pagina fisso
Aggiungiamo prima del contenuto e un piè di pagina alla pagina. Sto usando i tag HTML e
it.hideout-lastation.com
Pagina intera