Comment ajouter une condition avant l'opération de défilement
P粉738046172
2023-09-06 00:00:45
<p>J'ai un problème avec la bibliothèque fullpage.js
J'ai besoin que l'écran ne défile pas lorsque mon modal s'ouvre. </p>
<p>J'ai essayé de désactiver le défilement en utilisant onLeave, afterLoad et jQuery, le code est le suivant : </p>
<pre class="brush:php;toolbar:false;">$(document).ready(function () {
$(window).bind("roue", fonction (e) {
if (document.getElementsByClassName("modalIsOpen").length != 0) {
$.fn.fullpage.setAllowScrolling(false);
} autre {
$.fn.fullpage.setAllowScrolling(true);
}
});
$("#fullpage").fullpage({
normalScrollElements : ".tableContainer",
});
});</pré>
<p>Mais le problème avec ce code est qu'après un défilement de la page, le défilement de la page cesse de fonctionner.
Il semble que fullpage.js défile en premier, puis jQuery arrête de défiler.
Des idées?
Merci à tous</p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Grâce à @JavierFromMadrid j'ai trouvé la solution Mais ce n'est pas une réponse exacte à la question du sujet, mais une autre façon de résoudre le problème. Une façon de résoudre ce problème est de désactiver le défilement fullpagejs lors de l'ouverture du modal :
Pour que la fonction appelée ne désactive pas le défilement de la boîte modale, vous devez définir le nom de la classe de la boîte modale dans l'option normalScrollElements de fullpage.
$("#fullpage").fullpage({ normalScrollElements: ".modal", });