Un utilisateur a demandé 👇
Le corps principal peut-il être empêché de défiler lorsqu’une fenêtre contextuelle est ouverte ?
Je l’ai essayé de plusieurs façons… CSS ou java – n’importe quelle chance :/
Merci pour l’aide!
(@pherchristoph)
il y a 2 ans, 10 mois
Je ne suis pas doué pour écrire des scripts, alors j’ai pensé que cela devrait fonctionner lorsqu’il est placé dans une boîte… mais ce n’est pas le cas
(@lapzor)
il y a 2 ans, 10 mois
Où as-tu essayé ce code ? Pouvez-vous partager un lien ?
peut-être que ça devrait être jQuery(‘body’).css(‘overflow’, ‘hidden’);
J’espère que cela aide. Si vous avez des questions, laissez-nous savoir!
(@pherchristoph)
il y a 2 ans, 10 mois
page d’essai
La page n’est pas encore prête… mais ceci est la version de test. Je viens d’écrire le script dans les boîtes Boxzilla qui s’affichent si vous utilisez le bouton de menu “Liens”.
Ça bouge toujours. Vous avez essayé ce code à l’intérieur de Box, à l’intérieur
page et à l’intérieur du script boxzilla principal…
J’ai essayé safari et firefox.
Merci du coup de main jusqu’à présent!
Cette réponse a été modifiée il y a 2 ans et 10 mois par.
(@pherchristoph)
il y a 2 ans, 10 mois
Bon j’ai la première partie :
<script>
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
</script>mais si je fais :
<script>
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
Boxzilla.on('box.dismiss', function(box) {
var element = document.getElementById("body");
element.classList.remove("modal-open");
});
</script>Ne laissez pas tomber la classe…
(@pherchristoph)
il y a 2 ans, 10 mois
Je ne sais pas pourquoi… Jetez-vous d’abord, ça tourne !
Si quelqu’un veut l’utiliser, il doit fournir l’identifiant
-étiqueter.
dans mon exemple :<body id="body">
en CSS :
.modal-open {
overflow: hidden !important;
z-index: 1 !important;
}Mettez ce script sur n’importe quelle boîte, il fonctionnera pour toutes vos boîtes !
<script>
Boxzilla.on('box.dismiss', function(box) {
var element = document.getElementById("body");
element.classList.remove("modal-open");
});
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
</script>Cette réponse a été modifiée il y a 2 ans et 10 mois par.
(@lapzor)
il y a 2 ans, 10 mois
Heureux d’apprendre que vous avez pu le comprendre!
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0