Good Afternoon!
I have been doing some trial and error (lots of error :slight_smile: on playing with making something stick to the top of the page on scroll.
On the homepage of this site: http://theie5.org/hideawaylodge I have a regular navigation that is already sticky. This is the navigate that includes terms like, "hunting" and "fishing."
I would like the next menu, which is orange/bright red in color that has options like, "the lodge," "location," and "cabins" to stick when it reaches the top of the page underneath the regular header.
Here is the JS I have been playing with:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="sticky.js"></script>
<script>
$(function(){
$("#head").sticky({topSpacing:0});
$("#buttons").sticky({topSpacing:80});
});
</script>
I don't have it in there right now. I have tried to position the menu as "-webkit-sticky" but that did not work either.
If you could provide me some guidance, instruction and/or solutions for this I would appreciate it. I will keep on working at it though!
Thank you.
Mandy