Навигационная панель под моим заголовком прилипает к верхней части экрана после прокрутки заголовка.Складирование масонства над моей фиксированной навигационной панелью
Это работало нормально, при этом столбы исчезали «позади» навигационной панели, пока я не добавил масонство.
Теперь, когда вы прокручиваете столбцы, переходите сверху панели навигации.
Посмотрите сами here.
Она прилипает по:
$(function() {
var nav_offset_top = $('#nav').offset().top;
var nav = function(){
var scroll_top = $(window).scrollTop();
if (scroll_top > nav_offset_top) {
$('#nav').css({ 'position': 'fixed', 'top':0, 'left':0 });
$('#jump a').css({ 'color': '#D7D7D7' });
} else {
$('#nav').css({ 'position': 'relative' });
$('#jump a').css({ 'color': '#303435' });
}
};
nav();
$(window).scroll(function() {
nav();
});
});
, а затем заголовок/нав/Кладка:
<body>
<div id="header">
</div>
<div id="nav">
</div>
<div id="wrap" class="js-masonry">
<div id="container">
Цените любую помощь, я попытался положить в дополнительных Div элементов, но я не действительно знаю, что еще делать.
Заранее благодарен,