Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut
aliquip.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat
nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vel provident debitis quisquam itaque
cum, quam, totam
quibusdam dolore tempora assumenda necessitatibus unde optio numquam aut labore repudiandae eius
consequuntur!
Reiciendis.
Optio impedit explicabo similique adipisci ex sequi, ut porro nostrum pariatur vero! Laudantium
adipisci officia
nam modi deserunt quidem, cum amet, aspernatur necessitatibus accusamus nemo temporibus eos
ullam, maxime vero!
Laboriosam rem aliquid voluptatem assumenda dolorem placeat animi vitae natus impedit at maxime
quas rerum
explicabo praesentium fuga quod ipsa, beatae magni veniam nihil! Fuga consequuntur ratione
ducimus iste laborum!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut
aliquip.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat
nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore
ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut
aliquip. magna aliqua...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore
ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut
aliquip. magna aliqua...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore
ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut
aliquip. magna aliqua...
Code
var eachNode = function(nodeList, callback) {
if (nodeList && callback) {
for (let i = 0; i < nodeList.length; i++) {
if (callback(nodeList[i], i, nodeList.length) === true) {
break;
}
}
}
};
var $modal = document.querySelector('.js-modal');
var $modalScroll = document.querySelector('.js-modal-scroll');
var $modalBackdoor = document.querySelector('.js-modal-backdoor');
var $openModalButtons = document.querySelectorAll('.js-open-modal');
var $closeModalButtons = document.querySelectorAll('.js-close-modal');
var $sidebarScroll = document.querySelector('.js-sidebar-scroll');
scrollLock.addLockableTarget($sidebarScroll);
var $navbarFillGap = document.querySelectorAll('.js-navbar-fill-gap');
scrollLock.addFillGapTarget($navbarFillGap);
function openModal() {
$modalBackdoor.style.display = 'block';
$modal.style.display = 'block';
scrollLock.disablePageScroll($modalScroll);
}
function closeModal() {
$modalBackdoor.style.display = '';
$modal.style.display = '';
scrollLock.enablePageScroll($modalScroll);
}
eachNode($openModalButtons, function($el) {
$el.addEventListener('click', openModal);
});
eachNode($closeModalButtons, function($el) {
$el.addEventListener('click', closeModal);
});