ATTENTION: cette solution testée fonctionnelle est plus simple à mettre en place que les solutions précédemment citées sur ce blog:
- [jQuery] Bloquer le scroll dans la page quand un élément en position absolue est scrollable
- [jQuery] Eviter le scroll de la page lorsqu’on touche un élément en position absolute en sur-impression
Source: Disable Scrolling on Body
|
1 2 3 4 5 6 7 8 9 |
// Bloquer le scroll de la page lorsqu'un élément en position absolute (off-canvas, modale...) est ouvert: function handlePageScrollState() { const $_HTML = $('html'); if ($_HTML.hasClass('is-disabled-page-scroll')) { $_HTML.removeClass('is-disabled-page-scroll'); } else { $_HTML.addClass('is-disabled-page-scroll'); } } |
|
1 2 3 4 5 |
.is-disabled-page-scroll { margin: 0 !important; height: 100% !important; overflow: hidden !important; } |