Как сделать отступ сверху?

187

25 апреля 2018, 05:54

Есть меню под шапкой которое при прокрутке страницы подымается в верх, но над шапкой есть поиск и меню его перекрывает, как сделать отступ, что бы меню не доходило до верха 70px.

$(document).ready(function($) { 
    $nav = $('.fixed-div'); 
    $nav.css('width', $nav.outerWidth()); 
    $window = $(window); 
    $h = $nav.offset().top; 
    $window.scroll(function() { 
        if ($window.scrollTop() > $h) { 
            $nav.addClass('fixed'); 
        } else { 
            $nav.removeClass('fixed'); 
        } 
    }); 
});

.fixed-box { 
 height: 50px; 
} 
.fixed-div { 
 height: 50px; 
} 
.fixed { 
 position: fixed; 
 z-index: 9999; 
 top: 0; 
}

Answer 1

$h = $nav.offset().top - 70;

.fixed {
 position: fixed;
 z-index: 9999;
 top: 70px;
}

если я все правильно понял.

Answer 2

Попробуйте так:

$(document).ready(function($) {
    $nav = $('.fixed-div');
    $nav.css('width', $nav.outerWidth());
    $window = $(window);
    $h = $nav.offset().top;
    $window.scroll(function() {
        if ($window.scrollTop() > $h + 70) {
            $nav.addClass('fixed');
        } else {
            $nav.removeClass('fixed');
        }
    });
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Не рисует на canvas

Помогите, я решил попробовать написать игру на Javascript в своей игре я оспользую некоторое подобие ООП и вот когда я хочу сказать методу Draw из класса...

199

javascript