Como criar uma barra de navegação dinâmica que segue você quando você alcança determinado local
Eu quero criar uma barra de navegação semelhante a este site:
http://www.mysupermarket.co.uk/#/shelves/top_offers_in_asda.html
Alguém pode me dizer como criar essa barra de navegação, que segue você enquanto você rola a página para baixo, mas não seguindo você no carregamento inicial da página?
Quando você acessa odeterminado site, tente rolar para baixo e você vai entender o que estou falando. A barra de navegação que consiste em minha loja, OFERTAS, IDEIAS & ESTILO DE VIDA, PADARIA e assim por diante ...
Eu realmente não tenho ideia do que é chamado. Pelo menos diga-me como é chamado, então poderei pesquisar.
Aqui está a solução que eu fiz
window.onscroll = function(){
if(getScrollTop()>140) {
document.getElementById("menu").style.position="fixed";
} else {
document.getElementById("menu").style.position="";
}
}
function getScrollTop() {
if (window.onscroll) {
// Most browsers
return window.pageYOffset;
}
var d = document.documentElement;
if (d.clientHeight) {
// IE in standards mode
return d.scrollTop;
}
// IE in quirks mode
return document.body.scrollTop;
}