JQuery: Posuvný automatický sidebar

verified

(50 hodnocení)

16. 11. 2014 18:11:36

Dobrý den,

chtěl bych moc poprosit o radu jak pomocí jQuery odladit jeden skript.

Ukázka zde:

http://codepen.io/anon/pen/gbOBNG

Snažím se vytvořit posuvný sidebar který se posouvá automacky tak jak uživatel scrolluje. Částečně se mi podařilo už tento efekt připravit, akorát nedokážu zařídit to, aby se sidebar zaseknul jakmile dojede na konec prvku ".main-content" který může mít různou délku.

Délku: ".main-content" si zjistím pomocí proměnné:

Nevěděli byste prosím jak tento skript vyladit, tak aby se element ".sidebar" zaseknul jakmile dojede na konec ".main-content"

Předem moc děkuji všem za radu.

Kuzmic

16. 11. 2014 18:11:36

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069118

verified

16. 11. 2014 18:34:08

podmínka if a proměnná mainContentHeight - windowHeight a do toho ifu už napíšeš to, co potřebuješ.

16. 11. 2014 18:34:08

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069117

verified

(50 hodnocení)

16. 11. 2014 18:46:28

Děkuji za odpověď.

Myslíte něco ve stylu:

Asi je to kravina, ale nejsem úplně js master :-/, tak se raději přeptám

16. 11. 2014 18:46:28

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069116

verified

17. 11. 2014 09:56:24

Zkuste to takhle.

17. 11. 2014 09:56:24

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069115

verified

(50 hodnocení)

18. 11. 2014 10:02:46

Díky moc za odpověď. Zkoušel jsem to doplnit, ale bohužel stejně se to správně nezasekne :-(

18. 11. 2014 10:02:46

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069114

verified

(14 hodnocení)

18. 11. 2014 10:08:45

Ono se to má zaseknout na konci toho šedého obdelníku - .sidebar?

18. 11. 2014 10:08:45

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069113

verified

(50 hodnocení)

18. 11. 2014 10:10:11

mělo by se to zaseknout jakmile to narazí na konec hlavního obalovacího elementu ".main-content". Protože ten ".right-col" může být různě dlouhý.

18. 11. 2014 10:10:11

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069112

verified

(14 hodnocení)

18. 11. 2014 10:41:32

A co takto, je potřeba si stím ještě pohrat:

18. 11. 2014 10:41:32

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069111

verified

(50 hodnocení)

18. 11. 2014 10:48:22

Děkuji za pomoc. Tohle vypadá dobře!! Vyzkouším to aplikovat do ostrého webu, co to provede.

18. 11. 2014 10:48:22

https://webtrh.cz/diskuse/jquery-posuvny-automaticky-sidebar#reply1069110

Pro odpověď se přihlašte.

Prodej Více

TipyProDum.cz – ideální pro magazín, blog nebo e-shop!

1 000 Kč

0 příhozů

prerusovanypust.cz

15 000 Kč

0 příhozů

🔝 DR 46! Prémiová doména FinCredit.online k prodeji 💼

1 299 Kč

0 příhozů

Prodám doménu Starflix.sk – DR 57, žádné spamové skóre!

1 499 Kč

0 příhozů

krytaren.sk

1 Kč

0 příhozů

Poptávky Více

Koupím weby s výdělkem min. 2 000 Kč / měs

Nastavení Ověřeno zakazniky + konverze + konverze Sklik na WordPress.

Seznam e-mail warming – odměna 500 Kč

Dodavatel Apple a jiné repasované techniky

Programátor/webař pro několik projektů

Pracovní nabídky Více

Datový analytik / vývojář

Seniorní PPC specialista

45 000 - 65 000 Kč

ACCOUNT MANAGER

40 000 - 60 000 Kč

40 000 - 50 000 Kč

Ostrava, Práce z domu

100 000 - 115 000 Kč

Nabídky Více

💡 Virtuální asistentka, která tvoří srdcem – Pomohu vám s obsahem, Instagramem i e-shopem

🔥 Tvorba www stránek a e-shopů | WordPress a Shoptet | RadekVanat.cz 🚀

Ako získať viac zákazníkov z internetu doma a vo svete?

👉 Tvorba webů WordPress 👈 RYCHLE a LEVNĚ 📌

Inzerujte na webu s DR 71