CSS - ako meniť veľkosť divu v závislosti od scrollingu?

test

Viem že sa to robí cez transform scale() - size alebo transition? prípadne skrz JS. Ale nejak to neviem "zfunkčniť". Videl som to na jednom webe skrz padding, ja to potrebuju skrz height. Ako meniť hodnotu tak aby si to vždy bralo zvyšok, resp. pri scrollingu 0px "calc(100% - 150px);" pri scrollingu 10px "calc(100% - 140px);" atp až po scrolling 100px "calc(100% - 50px); a nasledne hodnota zostala, prípadne calc znova nahradiť iným riešením aby som v podstate bral výšku okna browsera - elementy na vrhu (hlavička a nav, nav sa ale ukotvuje na vrh, hlavička sa scrollne cez horný okraj) resp. aby to bralo "zvyšné volné miesto"... viď príklad, s tým že "to čierne" by malo siahať vždy až po spodný okraj okna browsera.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
dnes som sa zas kus s tým pohrál, a už som sa k tomu priblížil: https://github.com/Mlocik97/web-dev… poslední Mlocik97 16.07.2017 13:44	Mlocik97	16.07.2017 13:44

dnes som sa zas kus s tým pohrál, a už som sa k tomu priblížil:

https://github.com/Mlocik97/web-dev/blob/test2Anch or/anchor.js

$(document).ready(function () {
            var contentHeight = $('nav#vertical, aside').height();

            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();
                $('nav#vertical, aside').height(contentHeight + (shift || scrollTop));
            })
        })

EDIT:

$(document).ready(function () {
            var el = $('nav#vertical, aside');
            var elHeight = el.height();
            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();
                el.height(elHeight + scrollTop);
            });
        });

Tak toto funguje presne tak ako potrebujem, plne funkčné.

Zpět do poradny Odpovědět na původní otázku Nahoru