Надо было мненахимичить, что бы скролл body был в z-index
Я запретил html, body
overflow: hidden;
и вложил в body блок- .body_scroll
{
overflow-y: scroll;
height: 100vh;
который теперь является родительским для всего контента
НО использую подгрузку постов (бесконечный скрол)
и теперь он не реагирует Когда скроллом оказываешься внизу страницы посты не подгружаются
Я так понимаю, потому что скрипт рассчитан на работу с body..хз
Как бы сделать так, что бы работала подгрузка в блоке .body_scroll
Использую
это
А это скрипт, который все и творит:
$(function () {
var $boxes = $('.loop');
$boxes.hide();
var $container = $('#content_masonry');
$('.loop-loader').fadeOut(250);
$container.imagesLoaded( function() {
$boxes.fadeIn(100);
$container.masonry({
itemSelector : '.loop',
columnwidth: 300,
gutter: 24,
isFitWidth: true,
isAnimated: !Modernizr.csstransforms
});
});
var msnry = $container.data('masonry');
$container.infiniteScroll({
path: '#page-nav a',
append: '.loop',
outlayer: msnry,
history: false
});
});
Спасибо за внимание!