Nico2011
asked on
JQuery/Bootstrap Sticky Nav Bar
Hello,
I'm trying to make my search bar stick to the top of the screen when the page is scrolled down, but I don't seem to be able to get it to work...
The page this is on is here - I have entered some temporary text - I am looking to make the blue search bar stick to the top of the page when the page is scrolled down.
Help appreciated!
I'm trying to make my search bar stick to the top of the screen when the page is scrolled down, but I don't seem to be able to get it to work...
The page this is on is here - I have entered some temporary text - I am looking to make the blue search bar stick to the top of the page when the page is scrolled down.
Help appreciated!
ASKER
Thanks very much - I have done what is shown in the example, but this doesn't work on my page - not sure why not!
Any ideas?
Any ideas?
Try my code instead
ASKER
no joy... could it be because I have the div in a table cell? I put your code in the head section like this:
Is that correct?
<script>
jQuery(function($) {
$("table:searchbar").sticky({topSpacing:30});
});
</script>
Is that correct?
my code say : $("table:first")
your : $("table:searchbar")
your : $("table:searchbar")
ASKER
AHA! Ok - please can you just tell me how I select the search bar with the location etc.? The table:first works, but I cannot see how you are referring to that or specifying it. When I change your code to name the div tag 'searchbar' it stops working...
Thanks so much for your help!
Thanks so much for your help!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you so much - it works perfectly
GORGEOUS
:-D
GORGEOUS
:-D
With a bit of work on your table(center it, separate part), it should do the work.
Open in new window