background, а вынести в псевдоелементы, то все будет в порядке - без розмытия.
$("section").scrollSpy(),
$(window).scroll(function() {
$("section").on("scrollSpy:enter", function() {
var e = $(this).attr("id").replace(/[^-0-9]/gim, "");
$(".pagination a").removeClass("active"),
$(".pagination a:nth-child(" + e + ")").addClass("active")
}),
$("section").on("scrollSpy:exit", function() {
var e = $(this).attr("id").replace(/[^-0-9]/gim, "");
$(".pagination a:nth-child(" + e + ")").removeClass("active")
})
});
var e = $(".menu .block").height();
if ($(".menu li a").click(function() {
var t = $(this).attr("href")
, o = $(t).offset().top;
return $("html,body").animate({
scrollTop: o - e
}, 1100),
!1
}),
$(".pagination a").click(function() {
var t = $(this).attr("href")
, o = $(t).offset().top;
return $("html,body").animate({
scrollTop: o - e
}, 1100),
!1
}),
$(".strelka").click(function() {
var t = $(this).attr("href")
, o = $(t).offset().top;
return $("html,body").animate({
scrollTop: o - e
}, 1100),
!1
}),
window.matchMedia("(max-width: 767px)").matches) {
$(".scrollflow").removeAttr("style"),
$("*").removeClass("scrollflow"),
$("*").removeClass("-slide-right"),
$("*").removeClass("-slide-left"),
$("*").removeClass("-slide-top"),
$("*").removeClass("-slide-bottom"),
$("*").removeClass("-pop"),
$("*").removeClass("-opacity"),
$("#popup-menu").mmenu({
extensions: ["pagedim-black", "border-none"],
navbar: {
title: ""
},
offCanvas: {
position: "left"
}
});