Sticky elementai

[Th3Skeletas]

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.

[S'Jobs]

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 Birželio 28, 2021, nario S'Jobs

[iVron]

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

[Th3Skeletas]

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 ?

[S'Jobs]

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.

[Litukas]

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 Birželio 30, 2021, nario Litukas

[Th3Skeletas]

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