Microsoft Edge PDF滚动和突出显示问题

时间:2019-11-24 11:57:12

标签: jquery html css pdf microsoft-edge

问题是,在 Microsoft Edge 中,PDF视图没有让我滚动 PDF文件

我已经尝试使用jquery进行某些操作,而我却要求将鼠标悬停在#elementobject上。奇怪的是,当我将鼠标悬停在元素上时,两个事件同时被触发。可能有焦点问题吗?

这可能是什么?

HTML代码:

<service
  android:name=".WorkService"
  android:permission="android.permission.BIND_JOB_SERVICE" />

jquery代码:

<!--Container for PDF View-->
<div class="elementview">
  <iframe id="elementobject" src="" style="width: 100%; height: 100%;">
    <p><b>Die Datei konnte nicht geöffnet werden!</b> <br/> Bitte Zugriff auf die Datei überprüfen.</p>
  </iframe>
</div>

CSS代码:

//Open PDF-View
$(".elementcontent1").on("click", function () {
  var curlink = $(this).attr("id");
  $("#elementobject").attr('src', curlink); //Attach link for desired PDF-File
  $(".elementview").css({ 'height': $(window).height() }); //Adjust Hight of PDF Viewer

  if (elementstate == false) {  
    $(".elementview").toggle();  //Show PDF Viewer
    elementstate = true;
  }

  //Scroll to PDF
  $([document.documentElement, document.body]).animate({ 
    scrollTop: $("#elementobject").offset().top
  }, 200);

});//end onclick

1 个答案:

答案 0 :(得分:0)

要在这个问题上弄清楚并为您提供相应的指导,请提供以下信息,以帮助我们。

  • 计算机上安装了哪个版本的Windows 10?(从“开始”菜单搜索winver以了解相同内容)

  • 您使用的是哪个版本的Edge?

请尝试下面列出的方法。

方法1

清除Edge浏览历史记录和缓存的数据以查看是否有帮助。

您的浏览器会自动保存Internet临时文件,以帮助更快地加载页面。清除此缓存有时会解决页面显示问题。

打开Microsoft Edge ,选择历史记录 清除历史记录。选择浏览历史记录以及缓存的数据和文件,然后选择清除以清除它们。

方法2

如果清除Edge浏览历史记录和缓存的数据不能解决问题,请重置Edge。

打开设置并导航到应用> 应用和功能> Microsoft Edge

点击高级选项,然后选择修复重置

注意:

重置边缘将删除您的历史记录,cookie和许多已更改的设置。

此外,通过更新Windows 10解决了Microsoft Edge上的一些常见问题。运行Windows Update,通过替换过时的文件,更新驱动程序和修复漏洞来帮助纠正问题。

要检查更新,请选择开始按钮,然后选择设置> 更新和安全性> Windows Update ,然后选择检查更新。如果Windows Update显示您的PC是最新的,则您拥有所有当前的更新。

编辑:

您可以尝试创建一个Object元素并将其用于显示PDF文件。代码如下:

<input type="button" class="elementcontent1" value="click me" id="44678.pdf" />
<!--Container for PDF View-->
<div class="elementview" id="divcontent" style="width:900px; height:1000px"> 
</div> 
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript">
    $(function () {
        $(".elementcontent1").on("click", function () { 
            var object = document.createElement('object');
            object.setAttribute('id', 'elementobject');
            object.setAttribute('data', $(this).attr("id"));
            object.setAttribute('type', 'application/pdf');
            object.setAttribute('width', '100%');
            object.setAttribute('height', '100%');  
            $("#divcontent").append(object);
        });
    });
</script>