Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I would like to create multiple two sticky headers just like in that website:
http://www.trendyol.com/Kappa/ButikDetay/8690
When you scroll down, the first header combines with the second sticky element. After that, both of them move down together. How can I do it?
Thank for advance support!
The way this is accomplished is pretty easy. You check the scroll position and if it is below a certain number you display a fixed position element at the top (and hide when the scroll position goes backup).
That being said there is a great plugin that can help: https://github.com/imakewebthings/jquery-waypoints
With demo exactly what you want: http://imakewebthings.com/jquery-waypoints/sticky-elements/
AS an update from one of the comments, http://stickyjs.com might be a more supported library.