Normalt har vi brug for JavaScript til udføre scrolling effekter relateret til forskellige brugerhandlinger på websider. Skriften gør jobbet af sporer hvor langt op eller ned scrolling tager en side, og udløser en handling når en tærskelhøjde er nået.
Det er ikke særlig dårligt at bruge JavaScript til at rulle effekter. Faktisk er der mere komplicerede tilfælde, der er umuligt at løse uden JavaScript. Men der er CSS hacks som kan erstatte disse scripts til tider.
Dette indlæg vil vise dig how for at oprette footer afsløre effekter på side scroll med CSS. Vi bruger to brugssager til at demonstrere dette: en for hele siden (se demo) og en for individuelle sideelementer, såsom artikler.
Fuld side
Vi skal oprette en footer det vises under nedenstående side mens brugeren ruller ned. Også, når de ruller siden tilbage, skal fodbolden bruge være skjult under siden igen.
For at nå dette mål skal vi først oprette en footer med fast position nederst på skærmen.
1. Opret en fast footer
Lad os Tilføj noget indhold og en footer til siden først. Jeg bruger HTML-tags