Peršokti į turinį

Sticky elementai


Th3Skeletas

Recommended Posts

Sveiki kolegos. Dirbu ties nauju savo tinklalapio dizaino ir pirma syki pradėjau naudotis "sticky". Tai su juo man kilo problemos kai scrolinu žemyn headeris sustoja ties Header tago pabaiga ir toliau dingsta. Tai kame bėdos čia galėtu būti? Pvz.: https://discordserveriai.lt/test/ 

 

P.S. Čia kol kas tik HTML ir CSS. Jokio dar php kodo neįdėjas.

Nuoroda į komentarą
Dalintis per kitą puslapį

Tu navigaciją susikūręs <header></header> tag'e. Navigacija turi būti kuriama naujame tag'e <nav></nav> ir negali būti wrapinama į header'io tag'ą.

Redaguota , nario S'Jobs
Nuoroda į komentarą
Dalintis per kitą puslapį

Jei šio dalyko nesugebi pastebeti ar susitvarkyti tai siulau net nedaryti backend nes ( Stopudovai ) skilėtas bus pro kur bus galima buginti ir panansiai, 

Nuoroda į komentarą
Dalintis per kitą puslapį

prieš 22 valandas(-ų), S&#x27;Jobs parašė:

Tu navigaciją susikūręs <header></header> tag'e. Navigacija turi būti kuriama naujame tag'e <nav></nav> ir negali būti wrapinama į header'io tag'ą.

Dėkui už pastebėjimus. Ateityje žinosiu. 👍

Bet tai vistiek nieko nepasikeičia. Kiek aš pastebejau sticker neveikia už pagrindinio tago.

prieš 12 valandas(-ų), iVron parašė:

Jei šio dalyko nesugebi pastebeti ar susitvarkyti tai siulau net nedaryti backend nes ( Stopudovai ) skilėtas bus pro kur bus galima buginti ir panansiai, 

Aš tik prašau pagalbos, o ne žeminančio komentaro. Jei man būtu nusiųspjaut į backend tikrai jau ir nesikankinčiau ir su frontend. Tai net neklausčiau dėl sticker elementu.

Patarlė: "Niekas negimsta mokėdamas"
Tai iš šios patarlės gali suvokti kad nevisi viska moka, kiekvienas su laiku kažka išmoksta. Tai būk geras geriau padėtum žmonėms, o ne juos žemink. O jei jauti konkurencija, tai jau geriau patylėk, nes su tokeis išsišokimais gali pats sau sugadinti karjera. Sėkmės tau kolega 👍

Nuoroda į komentarą
Dalintis per kitą puslapį

prieš 12 valandas(-ų), Th3Skeletas parašė:

Bet tai vistiek nieko nepasikeičia. Kiek aš pastebejau sticker neveikia už pagrindinio tago.

Kažką ne taip darai, galbūt headerį ir navigaciją papildomai wrapini su kokiu div'u. Man per inspect element viskas tvarkoj kai atskiriu navigaciją nuo headerio.

Nuoroda į komentarą
Dalintis per kitą puslapį

Sticky elementas yra <nav> tage (t.y nav > sticky), dėl to jis ir sustoja ties jo pabaiga. 

https://prnt.sc/17o1wqm

 

https://pudding.cool/process/scrollytelling-sticky/

"A sticky element is always relatively positioned to its parent (much like position: absolute;). This means that these elements will stick and unstick only within the bounds of its parent element, not the viewport (making our job easier); it also means that the thresholds are marked by the edges of the parent. The great thing about this constraint is that you can control the overlap (or lack thereof) of multiple stuck elements."

Redaguota , nario Litukas
Nuoroda į komentarą
Dalintis per kitą puslapį

prieš 10 valandas(-ų), S&#x27;Jobs parašė:

Kažką ne taip darai, galbūt headerį ir navigaciją papildomai wrapini su kokiu div'u. Man per inspect element viskas tvarkoj kai atskiriu navigaciją nuo headerio.

 

prieš 4 valandas(-ų), Litukas parašė:

Sticky elementas yra <nav> tage (t.y nav > sticky), dėl to jis ir sustoja ties jo pabaiga. 

https://prnt.sc/17o1wqm

 

https://pudding.cool/process/scrollytelling-sticky/

"A sticky element is always relatively positioned to its parent (much like position: absolute;). This means that these elements will stick and unstick only within the bounds of its parent element, not the viewport (making our job easier); it also means that the thresholds are marked by the edges of the parent. The great thing about this constraint is that you can control the overlap (or lack thereof) of multiple stuck elements."

Dėkui kolegos už pagalba 👍. Kiek supratau reiks perdarinėti html+css koda arba pridėti JS truputi, nes kiek matau kito varianto nėra. Dėkui dar karta ir sėkmės jums projektuose :)

Nuoroda į komentarą
Dalintis per kitą puslapį

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti Å¡ioje temoje...

×   Ä®klijuotas tekstas turi teksto formatavimą.   PaÅ¡alinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiÅ¡kai įterpta.   Ä®terpti nuorodą paprastai

×   JÅ«sų ankstesnis praneÅ¡imas buvo atkurtas.   IÅ¡valyti redaktorių

×   JÅ«s negalite įkelti nuotraukas tiesiogiai.Ä®kelkite arba įdėkite nuotraukas iÅ¡ URL.

  • Å iame puslapyje narÅ¡o:   0 nariai

    Nėra registruotų narių peržiūrinčių šį forumą.




×
×
  • Sukurti naują...