Éviter de dialogue sur mobile, l'écran de défilement du corps

J'affiche une boîte de dialogue sur un écran mobile, plus long que la taille de l'écran (alors qu'il défile).

Voici le problème: Lorsque vous faites défiler passés au bas de la boîte de dialogue (il m'arrive d'être en utilisant Bootstrap 3), on peut s'attendre à tout arrêter. Au lieu de cela, il commence à défiler le sous-jacent corps. J'ai essayé tout ce qui a été suggéré dans cette solution recommandée, et il n'est toujours pas foutu de travail!

Voici une démonstration en direct de l'émission sur JSbin, pour votre plus grand plaisir

http://jsbin.com/EdAhAsU/1/

Remarque: Pour reproduire le problème, l'accès à l'aide d'un mobile - mobile - et de tenter de défilement-delà de la fin de la boîte de dialogue. Essayé sur les terminaux Android et de l'iPhone ne fonctionne pas non plus.

Merci!

  • Dans le navigateur par défaut sur mon HTC One, le problème occours. Mais pas dans Google Chrome sur le téléphone.
  • semble être l'exception. Je l'ai essayé sur Chrome sur iOS7 sur mon iPhone 4S et j'ai eu le problème. Le navigateur par défaut sur la S3 de Samsung présente également ce problème.
  • Tout comme un test, si vous n'avez pas d'affichage du sous-jacente du corps pendant l'affichage de l'modal? (au lieu d'afficher une image de référence)
  • c'est faisable, mais ça a l'air hacky. Le contenu est dynamique, j'avais besoin de trouver une façon de le faire est de prendre un instantané avant de la main.
  • Pourquoi le modal.sur pas tiré dans jsBin ? Avez-vous des reaso pour que
  • il est tiré. Il n'a tout simplement pas avoir un effet sur le corps, pour quelque raison - et il défile toujours, peu importe (d'où la question)
  • J'ai un travail, mais ne sais pas Vous accepter ou pas. Devrez ajouter un peu d'extrait de code. Un peu plus de codage. 🙂
  • essayez de moi .. je suis désespérée, dans le cas où vous ne pouvez pas le dire 😉
  • 🙂 à la rescousse mec . Pourriez avoir quelques légers effets secondaires . Peuvent être fixés bien 🙂 mais les grands problème est résolu. 🙂
  • essayez ceci . 🙂 laissez-moi savoir si cela résout le problème. J'ai encore des bugs . Mais pas liées à la question 🙂 fiddle.jshell.net/aRUbZ/42/show
  • Défile toujours le corps sur mon iPhone 4S / iOS7 navigateur Safari 🙁
  • Ne se passe pas dans ma note 8 🙁 ne pas avoir d'iphone ou d'ipad 🙁
  • mauvais vérifier à partir de l'ipad et laissez vous savez . Je suppose que certains événements manquants . 🙂
  • essayez de fermer le popup si il charge dès que la page est en place et en l'ouvrant de nouveau
  • On dirait que vous n'avez pas réglé le viewport <meta> tag. Qui pourrait être la cause de ce problème. C'est aussi pourquoi je préfère utiliser JSBin (car vous pouvez définir le meta balises directement)
  • ok alors malade donner un js bi essayer 🙂
  • jsbin.com/IqUrov/1 vérifier et laissez-moi maintenant si vous travaillez dans un iphone ou n'importe quel appareil ios de la vôtre . Tenant compte de l'ensemble de la fenêtre d'affichage et les balises meta de ur le code 🙂
  • Œuvres! Semble fou hacky bien - nloko la réponse ci-dessous pin le problème à la racine. Merci
  • position : fixed bien fait écran fliker dans mon onglet 🙂 lorsque vous essayez de les faire défiler .
  • Mec, vous a accepté et a même reçu la prime à l'un des torts de réponse. 50 000 de l'utilisateur de la déclaration que vous faites vais aller à 25000 seulement 😛 essayer dans android la même fissure que vous avez accepté.

InformationsquelleAutor FloatingRock | 2013-09-24