{% include 'blocks/logo/logo.twig' with {className: 'header__logo'} %}
<div class="logo {{ className }}">
...
</div>
var scrolltop = pageYOffset; // запомнить
window.addEventListener('scroll', function(){
if (pageYOffset > scrolltop) { // сравнить
console.log('Scroll down');
} else {
console.log('Scroll Up');
}
scrolltop = pageYOffset; // запомнить для последующих срабатываний
});
.map-section
.map-container
.content-container
.content-block
.map-section { position: relative; }
.map-container {
position:absloute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.content-container {
position:relative;
max-width: 1000px;
margin: 0 auto;
pointer-events: none;
padding-top: 50px;
padding-bottom: 50px;
}
.content-block {
background: white;
width: 300px;
pointer-events: all;
}
?