JQuery: Posuvný automatický sidebar

Ondřej Krobot

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Jiri Soustal

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Ondřej Krobot

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Jiri Soustal

17. 11. 2014 09:56:24

Zkuste to takhle.

17. 11. 2014 09:56:24

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Ondřej Krobot

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Vít Michalek

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Ondřej Krobot

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Vít Michalek

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Ondřej Krobot

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Bezpečnostní systémy a slaboproudé instalace – zavedená firma s 30letou historií

8 200 000 Kč

0 příhozů

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

eshop na prodej pneumatik pro Tesla

50 000 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Prodej realhit.cz inzertního portálu

1 900 000 Kč

0 příhozů

Poptávky Více

Poptávka na focení s australským ovčákem v Praze

Poptávka fotografa na párové podzimní focení v exteriéru (rychle)

Poptávka fotografky na newborn focení

Poptávka po vánočních fotkách

Poptávka vánočního focení v Brně

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

Praha

IT Security Officer

Hradec Králové, Praha

Nabídky Více

Linux servery, DevOps, automatizace a AI | 9 let praxe

Hledám spolupráce

Tvorba webových aplikací a MVP pomocí AI – od nápadu po funkční řešení

Spravuju Google Ads pro e-shopy a firmy. Nejdřív zjistím, kam vám teď mizí peníze, a řeknu to bez obalu.