Iframe PDF на мобильном телефоне отображает только первую страницу и большой - PullRequest
Новая
       15

Iframe PDF на мобильном телефоне отображает только первую страницу и большой

0 голосов
/ 13 сентября 2018

Мне удалось отобразить pdf в пользовательском интерфейсе Jquery с помощью iframe.Моя проблема сейчас на мобильном телефоне, мое диалоговое окно работает нормально, но отображать только первую страницу моего PDF.Более того, у меня есть горизонтальная прокрутка.

Ниже моего кода:

Кнопка для ссылки в диалоговом окне: 

<p id="dialog-link">guide d'utilisation du site</p>

Содержимое моего окна: 

<div class="embed-responsive embed-responsive-16by9" style="-webkit-overflow-scrolling:touch; overflow: auto;" id="dialog" title="Guide d'utilisation du site"><iframe class="embed-responsive" src="img/documents/GuideUtilisation.pdf#view=FitH"></iframe></div>

JS для диалогового окна отображения: 

  jQuery(document).ready(function($) {
$( "#dialog" ).dialog({
  autoOpen: false,
  modal: true,
  width: Math.min(800, $(window).width() * .9),
  responsive: true,
  fluid: true,
  buttons: [
    {
      text: "Ok",
      click: function() {
        $( this ).dialog( "close" );
      }
    },
  ]
});
});

JS для диалогового окна ссылки: 

jQuery(document).ready(function($) {
$( "#dialog-link" ).click(function( event ) {
  $( "#dialog" ).dialog( "open" );
  event.preventDefault();
});
});

У вас есть решение, идея для мобильного вопроса?

Большое спасибо

...