View previous topic :: View next topic |
Author |
Message |
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 07.06.2010 22:04 Post subject: Kako napraviti onaj slider s social sharing ikonama |
|
|
Evo primjera s inc.com-a
http://www.inc.com/articles/2010/05/chile-next-silicon-valley.html
Kada scrollate malo dolje onda vidite lijevo div koji slajda kako vi scrollate, ali nije position:fixed jer ako scrollate na vrh, na određenom mjestu daj div zastane. E, mene zanima kako to napraviti (može i WP plugin, nije problem)...
Hvala )) |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
il collonelo
Joined: 10 Mar 2005 Posts: 28 Location: Zagreb
|
Posted: 07.06.2010 22:36 Post subject: |
|
|
Na onScroll event postavis uvijet da nakon xx pixela postavis na dotican element "position: fixed;" i to je to . Upravo je tako to rijeseno na primjeru koji si dao. A za browsere koji to ne podrzavaju napravis fallback sa , npr. , margin-top-om. |
|
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 07.06.2010 22:46 Post subject: |
|
|
Jel ima možda neki dobar tutorial na tu temu?
I koji bi browseri bili problematični po tom pitanju? |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
il collonelo
Joined: 10 Mar 2005 Posts: 28 Location: Zagreb
|
Posted: 07.06.2010 23:11 Post subject: |
|
|
Ah da samo IE6, ali njega bi se moglo zanemariti.
Evo ti nabrzaka primjer napravljen pomocu jQuery-a, samo mu fali preracunavanje vrijednosti initialPosition.left prilikom resizea prozora. Ovo je poprilicno napamet, ali mislim da bi trebalo tako funkcionirat.
http://www.davoreric.com/test/test.html |
|
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
|
Back to top |
|
|
Nemesis
Joined: 01 Oct 2005 Posts: 732
|
Posted: 22.06.2010 12:26 Post subject: |
|
|
Ako nekoga zanima, za Wordpress postoji plugin koji to radi dosta bezbolno, plugin se zove Digg Digg (neka vas naziv ne zavara, podržava i druge servise osim digga). Mislim da Mashable koristi taj plugin za svoj site... |
_________________ Webastično.com | Last.fm | Twitter |
|
Back to top |
|
|
|