Jak utworzyć dynamiczny pasek nawigacyjny, który podąża za Tobą, gdy osiągniesz określoną lokalizację
Chcę utworzyć pasek nawigacji podobny do tej witryny:
http://www.mysupermarket.co.uk/#/shelves/top_offers_in_asda.html
Czy ktoś może mi powiedzieć, jak utworzyć ten pasek nawigacyjny, który podąża za tobą podczas przewijania strony w dół, ale nie podąża za tobą podczas początkowego ładowania strony?
Kiedy uzyskasz dostęp dopodana strona, spróbuj przewinąć w dół i zrozumiesz o czym mówię. Pasek nawigacyjny składający się z MOJEGO SKLEPU, OFERT, POMYSŁÓW I STYLU ŻYCIA, PIECZENIA i tak dalej ...
Naprawdę nie mam pojęcia, jak to się nazywa. Przynajmniej powiedz mi, jak to się nazywa, więc będę mógł wyszukiwać.
Oto rozwiązanie, które zrobiłem
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;
}