Sticky header with jquery -


i create multiple 2 sticky headers in website: http://www.trendyol.com/kappa/butikdetay/8690 when scroll down, first header combines second sticky element. after that, both of them move down together. how can it? thank advance support!

the way accomplished pretty easy. check scroll position , if below number display fixed position element @ top (and hide when scroll position goes backup).

that being said there great plugin can help: https://github.com/imakewebthings/jquery-waypoints

with demo want: http://imakewebthings.com/jquery-waypoints/sticky-elements/

as update 1 of comments, http://stickyjs.com might more supported library.


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -