Question

我已成功使用iframe在jQuery UI上显示pdf。我的问题现在在移动设备上，我的对话框可以正常工作，但只显示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();
});
});

您有解决方案，关于移动问题的想法吗？

非常感谢

移动版iframe PDF仅显示首页

0 个答案: