un fichier pdf html5 intégré dans une iframe ne peut pas défiler sous ios

Question

J'ai une iframe pour afficher du texte et un fichier pdf. Il fonctionne parfaitement dans chrome, ie et mozilla. Mais j'essaie de charger la même chose dans safari sur ipad. Le pdf ne peut pas défiler. Ci-joint le code pour la même chose.

.docviewer-wrapper{
  -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
iframe {
  height: 100%;
  width: 100%;
}

<div class="container docviewer-wrapper">
        <iframe id="docvieweriframe" src="http://www.pdf995.com/samples/pdf.pdf"></iframe>
    </div>

Aidez-moi, s'il vous plaît.

Answer 1

iframe , object , embed a quelques problèmes avec les appareils iOS qui sont signalés sur un certain nombre de plateformes. Tout ce que vous pouvez faire est d'utiliser une alternative tierce pour iframe. J'ai résolu mon problème avec PDF.js

Si vous essayez ceci pour les rails cet article vous aidera à intégrer pdf.js dans votre application rails.

Answer 2

Essayez de donner une hauteur et une largeur à la classe docviewer-wrapper.