Autor Zpráva
Mlocik97
Profil
github.com/Mlocik97/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.


P.S.: Vím, sem hroznej, urobili ste mi už skoro 1/4 webu :D
Tomáš123
Profil
Mlocik97:
Ukážka riešenia v čistom CSS. Dve časti panela však nie sú nijako prepojené.

Príklad som nevidel. Nabudúce skús dodať ukážku, ktorú si nemusíme vlastnoručne prekopírovať.

na vrhu
Skôr vrchu :-)
Mlocik97
Profil
Nabudúce skús dodať ukážku, ktorú si nemusíme vlastnoručne prekopírovať.


Však nemusíte kopírovať.

jinak neviem či zrovna toto som chcel, totiž vyurčujete pevnú veľkosť, teda "tento div bude mať dĺžku 400px" napríklad, no problém je že ja neviem aká bude dĺžka okna prehliadača, alebo bude teda furt iná.

Jeden týpek mi už poradil niečo takéto, ale neviem to úplne sfunkčniť:

function isInSection(section)
    {
        var top = $(window).scrollTop();
        var bottom = top + $(window).height();
         var elementTop = $(section).offset().top;
         var elementBottom = elementTop + $(section).height();
           return (bottom >= elementTop && top <= elementBottom);
   }
Keeehi
Profil
Mlocik97:
Však nemusíte kopírovať.
Musíme. Protože prohlédnout si živou verzi přímo na gitu nemůžeme.
Mlocik97
Profil
Protože prohlédnout si živou verzi přímo na gitu nemůžeme.

můžete
Keeehi
Profil
Mlocik97:
Jo? A mohl bys nám říct jak?
Aby nedošlo k nedorozumění, kód samozřejmě vidíme, ale o ten nám nejde. Chceme vidět vyrenderovanou stránku.
Davex
Profil
Mlocik97:
můžete
Pokud chceš odkázat na živou ukázku, tak odkaž přímo na živou ukázku. Neodkazuj na seznam souborů, které živá ukázka obsahuje. Většina tam nebude hledat, jestli náhodou nějaký odkaz ve slepém místě nad seznamem nevede na živou ukázku.
Mlocik97
Profil
Davex:
je tam link hneď nad tým zoznamom súborov...

ale keď priamo tak: mlocik97.github.io/test

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: