studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

masonry grid on home
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-26 15:36:51 +01:00
parent 69e0b3527e
commit 4c34b3c398
2 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

44
assets/js/script.js
View file

@ -34,25 +34,29 @@ window.onload = async function () {
scrollBack();
navInvestigation();
var elem = document.querySelector('.grid-masonry');
var msnry = null;
var elems = document.querySelectorAll('.grid-masonry');
var msnries = [];
function initMasonry() {
if (!elem) return;
if (!elems.length) return;
if (window.innerWidth >= responsiveSmall) {
if (!msnry) {
msnry = new Masonry(elem, {
itemSelector: '.card--block:not(.is-sort-hidden)',
columnWidth: '.grid-sizer',
percentPosition: true,
gutter: 26
});
}
elems.forEach(function(elem, i) {
if (!msnries[i]) {
msnries[i] = new Masonry(elem, {
itemSelector: '.card--block:not(.is-sort-hidden)',
columnWidth: '.grid-sizer',
percentPosition: true,
gutter: 26
});
}
});
} else {
if (msnry) {
msnry.destroy();
msnry = null;
}
msnries.forEach(function(msnry, i) {
if (msnry) {
msnry.destroy();
msnries[i] = null;
}
});
}
}
@ -60,10 +64,12 @@ window.onload = async function () {
window.addEventListener('resize', initMasonry);
initSort(() => {
if (msnry) {
msnry.reloadItems();
msnry.layout();
}
msnries.forEach(function(msnry) {
if (msnry) {
msnry.reloadItems();
msnry.layout();
}
});
});