FEATURE Handling scroll when arriving articles page with a param
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
d92ea138b1
commit
267606cc92
|
|
@ -47,3 +47,16 @@ function updatePostCount(count: number) {
|
||||||
if (!postCount) return;
|
if (!postCount) return;
|
||||||
postCount.innerHTML = count.toString();
|
postCount.innerHTML = count.toString();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function scrollToArticlesGridIfHasInitialFilter() {
|
||||||
|
const articlesGrid = document.querySelector('.articles-grid');
|
||||||
|
const hasInitialFilter = articlesGrid?.classList.contains('has-initial-filter');
|
||||||
|
if (!hasInitialFilter || !articlesGrid) return;
|
||||||
|
setTimeout(() => {
|
||||||
|
articlesGrid.scrollIntoView({ behavior: 'smooth' });
|
||||||
|
}, 200);
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
scrollToArticlesGridIfHasInitialFilter();
|
||||||
|
});
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
// Récupérer le paramètre etiquette de l'URL
|
// Récupérer le paramètre etiquette de l'URL
|
||||||
$etiquette_slug = isset($_GET['etiquette']) ? sanitize_text_field($_GET['etiquette']) : '';
|
$etiquette_slug = isset($_GET['etiquette']) ? sanitize_text_field($_GET['etiquette']) : '';
|
||||||
|
|
||||||
|
|
||||||
// Construire les arguments de la query
|
// Construire les arguments de la query
|
||||||
$query_args = array(
|
$query_args = array(
|
||||||
'post_type' => 'articles',
|
'post_type' => 'articles',
|
||||||
|
|
@ -33,7 +34,7 @@ $thematiques = get_terms(array(
|
||||||
));
|
));
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="post-grid articles-grid content-section">
|
<section class="post-grid articles-grid content-section <?php echo !empty($etiquette_slug) ? 'has-initial-filter' : '' ?>">
|
||||||
<div class="content-section__inner">
|
<div class="content-section__inner">
|
||||||
|
|
||||||
<div class="post-grid__toolbar">
|
<div class="post-grid__toolbar">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user