bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

collpase animation header if scroll

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-07-10 13:47:03 +02:00
parent f0686d8800
commit 94335b8c9c
3 changed files with 73 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@ -122,13 +122,28 @@ document.addEventListener('DOMContentLoaded', function() {
header.classList.add('header--collapsed-already'); header.classList.add('header--collapsed-already');
// logo.classList.remove('animated'); // logo.classList.remove('animated');
stopLogoAnimation(); stopLogoAnimation();
// } else {
// // Sinon, appliquer la transition après un délai
// setTimeout(() => {
// header.classList.add('header--collapsed');
// }, 5000);
// }
} else { } else {
// Sinon, appliquer la transition après un délai // Sinon, appliquer la transition après un délai, sauf si scroll
setTimeout(() => { let collapseTimeout = setTimeout(() => {
header.classList.add('header--collapsed'); header.classList.add('header--collapsed');
}, 5000); }, 5000);
function interruptCollapseOnScroll() {
if (!header.classList.contains('header--collapsed')) {
clearTimeout(collapseTimeout); // annule l'animation
header.classList.add('header--collapsed');
}
window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
} }
window.addEventListener('scroll', interruptCollapseOnScroll);
}
////////////////////////////////////// //////////////////////////////////////
let lastScrollTop = 0; let lastScrollTop = 0;
@ -1042,6 +1057,23 @@ $(document).ready(function () {
// /////////// end script ressources //////////////////////////////// // /////////// end script ressources ////////////////////////////////
/////////////// start class à view-rows-ressources ////////
$(document).ready(function () {
$(".view-rows-wrapper").each(function () {
let h3Container = $(this).prev("h3").find("div[class^='type-']");
let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
if (classToAdd) {
$(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
}
});
});
////////////////// end class à view-rows-wrapper ////////////////
})(jQuery, window); })(jQuery, window);

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

36
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -64,13 +64,28 @@ document.addEventListener('DOMContentLoaded', function() {
header.classList.add('header--collapsed-already'); header.classList.add('header--collapsed-already');
// logo.classList.remove('animated'); // logo.classList.remove('animated');
stopLogoAnimation(); stopLogoAnimation();
// } else {
// // Sinon, appliquer la transition après un délai
// setTimeout(() => {
// header.classList.add('header--collapsed');
// }, 5000);
// }
} else { } else {
// Sinon, appliquer la transition après un délai // Sinon, appliquer la transition après un délai, sauf si scroll
setTimeout(() => { let collapseTimeout = setTimeout(() => {
header.classList.add('header--collapsed'); header.classList.add('header--collapsed');
}, 5000); }, 5000);
function interruptCollapseOnScroll() {
if (!header.classList.contains('header--collapsed')) {
clearTimeout(collapseTimeout); // annule l'animation
header.classList.add('header--collapsed');
}
window.removeEventListener('scroll', interruptCollapseOnScroll); // une seule fois
} }
window.addEventListener('scroll', interruptCollapseOnScroll);
}
////////////////////////////////////// //////////////////////////////////////
let lastScrollTop = 0; let lastScrollTop = 0;
@ -984,6 +999,23 @@ $(document).ready(function () {
// /////////// end script ressources //////////////////////////////// // /////////// end script ressources ////////////////////////////////
/////////////// start class à view-rows-ressources ////////
$(document).ready(function () {
$(".view-rows-wrapper").each(function () {
let h3Container = $(this).prev("h3").find("div[class^='type-']");
let classToAdd = h3Container.attr("class"); // Récupère la classe complète (ex: "type-Documentation")
if (classToAdd) {
$(this).addClass(classToAdd); // Ajoute cette classe à .view-rows-wrapper
}
});
});
////////////////// end class à view-rows-wrapper ////////////////
})(jQuery, window); })(jQuery, window);