Using Bootstrap with Peek is easy simply call Peek on the navbar and you're done. No customization needed.
JavaScript
$('.navbar').peek();
Foundation isn't quite out-of-the-box ready as Bootstrap, but with some simple CSS styling Foundation is ready to go.
CSS
body {
padding-top: 60px;
}
.top-bar {
position: fixed;
width: 100%;
z-index: 10;
top: 0;
-moz-transition: top 0.2s ease-in-out;
-o-transition: top 0.2s ease-in-out;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
}
.top-bar.hidden {
top: -45px;
}
JavaScript
$('.top-nav').peek();