This has been used in the trial sfor the BlackBocks Nylex website.
Originally taken from this pastebin.
This is an untried piece of code, but still interesting: Fixed Navigation Bar With Twitter Bootstrap
[html]
<script></pre>
$(window).load(function() {
// fix sub nav on scroll
var $win = $(window)
, $nav = $('.navbar')
, $nC = $('#navCont')
, navTop = $('.navbar').length && $('.navbar').offset().top + 20
, isFixed = 0
$nav.addClass('auto-size');
processScroll()
$nC.addClass('auto-size')
$win.on('scroll', processScroll)
function processScroll() {
var i, scrollTop = $win.scrollTop()
if (scrollTop >= navTop && !isFixed) {
isFixed = 1
$nC.removeClass('auto-size')
$nav.addClass('navbar-fixed-top');
} else if (scrollTop <= navTop && isFixed) {
isFixed = 0
$nC.addClass('auto-size')
$nav.removeClass('navbar-fixed-top');
}
}
});
<!-- Put this in your stylesheet -->
.auto-size { width: auto; }
<pre>
</script>
[/html]Revisions
- June 5, 2012 @ 13:52:12 [Current Revision] by PeterLugg
- June 5, 2012 @ 13:57:16 [Autosave] by PeterLugg
- June 5, 2012 @ 13:50:15 by PeterLugg
- June 5, 2012 @ 13:49:12 by PeterLugg
Revision Differences
There are no differences between the June 5, 2012 @ 13:57:16 [Autosave] revision and the current revision. (Maybe only post meta information was changed.)
No comments yet.