javascript - La page par défaut comporte des barres de défilement lorsque le calque contextuel apparaît, comment puis-je masquer la barre de défilement d'origine et rendre le contenu contextuel défilant ?

Question

Sur la page du téléphone mobile, le contenu du corps par défaut a beaucoup de contenu et il y a des barres de défilement lorsqu'un calque contextuel apparaît lorsque vous cliquez dessus, le contenu du corps ne peut pas défiler, mais le calque contextuel peut défiler ! Comment y faire face?

Answer 1

Il semble qu'il n'est pas nécessaire de définir quoi que ce soit séparément. Lorsque le calque contextuel apparaît, définissez le contenu original pour qu'il déborde et se cache, le calque contextuel débordera automatiquement et l'inverse sera vrai lors de sa fermeture

Answer 2

Vous pouvez empêcher les bulles lors de l'événement de défilement du calque contextuelevent.stopPropagation(). Ensuite, lors du défilement du calque contextuel, l'événement de défilement externe ne sera pas déclenché.

$(".pop_box").on("touchmove",function(event){
    event.stopPropagation()
})

Answer 3

Vous pouvez essayer la boîte modale de bootstrap. Il semble que la couche contextuelle de la boîte modale puisse défiler, mais pas le corps.

Answer 4

Réglez la largeur et la hauteur du corps à 100 % et overflow : caché ; le débordement du calque contextuel : auto devrait convenir