Generalnie musisz zastosować taki kod jquery dla elementu o klasie art-nav
Kod:
$(function() {
// Stick the #nav to the top of the window
var nav = $('.art-nav');
var navHomeY = nav.offset().top;
var isFixed = false;
var $w = $(window);
$w.scroll(function() {
var scrollTop = $w.scrollTop();
var shouldBeFixed = scrollTop > navHomeY;
if (shouldBeFixed && !isFixed) {
nav.css({
position: 'fixed',
top: 0
});
isFixed = true;
}
else if (!shouldBeFixed && isFixed)
{
if(screen.width > 1064){
nav.css({
position: 'absolute',
top: 128
});
}else{
nav.css({
position: 'relative'
});
}
isFixed = false;
}
});
});
Tutaj masz nadanie zmiennych
Kod:
var nav = $('.art-nav');
var navHomeY = nav.offset().top;
var isFixed = false;
var $w = $(window);
Tutaj masz gdy zjedziesz w dół nadana jest reguła fixed dla menu. Fixed z top 0 oznacza, że przyklei się menu do górnej krawędzi
Kod:
$w.scroll(function() {
var scrollTop = $w.scrollTop();
var shouldBeFixed = scrollTop > navHomeY;
if (shouldBeFixed && !isFixed) {
nav.css({
position: 'fixed',
top: 0
});
isFixed = true;
}
Tutaj co ma się stać gdy menu już nie jest poza ekranem czyli powrócenie wartości na początku
Kod:
else if (!shouldBeFixed && isFixed)
{
if(screen.width > 1064){
nav.css({
position: 'absolute',
top: 128
});
}else{
nav.css({
position: 'relative'
});
}
isFixed = false;
}
Musisz sobie to sam przerobić. Bo np top: 128 czyli odległość od górnej krawędzi okna powinna być w każdym szablonie inna więc musisz sobie to dostosować. Tak wklejam kod bo nikt nie odpowiedział jak zrobić