Div scroll med tekst

[GamEpaL]

Link til en side jeg prøver å lage - https://www.vg.no/nyheter/utenriks/i/1BBG7G/donald-trump-verdens-farligste-eks-president

Lenger ned på siden er det DIV fyllt med et bilde. Bildet blir stående mens teksten scrolles over bildet (vertikalt). Er det noen måte med css, man kan gjøre dette?

Håper noen kan hjelpe meg...

 

Endret 10. november 2020 av GamEpaL

[Dan-Levi]

position: fixed; 

🙂

[0laf]

Det er en teknikk som bruker position : sticky, sammen med litt kreativ resizing ved bruk av ting som calc() og var(), f. eks :

position : sticky;
height: calc(100vh - var(--fixed-header-height) + 2px);
top: var(--fixed-header-height);

du kan bruke "inspiser element" for å se hvordan VG gjør dette, men du vil trolig uansett trenge javascript for å få det til å funke skikkelig, og også for å støtte nettlesere som ikke støtter det aller siste innen CSS.