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

Question

问题是，在 Microsoft Edge 中，PDF 视图 不能 让我 滚动 PDF 文件 用鼠标滚轮。它既不能让我点击链接，也不能突出显示某些文本。所有这些功能都可以在 Internet Explorer 中正常工作。放大/缩小等按钮工作正常，我可以向上/向下滚动 pdf。

我用 jquery 尝试了一些东西，而我会要求 #elementobject 的 mouseover/mouseout。奇怪的是，当我将鼠标悬停在元素上时，两个事件都会同时触发。会不会是焦点问题？

这可能是什么？

HTML 代码：

<!--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>

jquery-代码：

//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

CSS代码：

.elementview{
  position: absolute;
  left: 10%;
  width: 80%;
  z-index: -1;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  display: none;
}
.elementview p{
  text-align: center;
  font-size: 30px;
  margin-top: 200px;
  z-index: -1;
}

Answer 1

为了清楚地了解这个问题并为您提供相应的指导，请帮助我们提供以下信息。

• 计算机上安装了哪个版本的 Windows 10？（从“开始”菜单中搜索 winver 即可了解）

• 您使用的是什么版本的 Edge？

请尝试下面列出的方法。

方法一

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

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

打开 Microsoft Edge，选择历史记录> 清除历史记录。选择浏览历史记录和缓存的数据和文件，，然后选择清除将其清除。

方法二

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

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

点击高级选项并选择修复或重置。

注意：

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

此外，Microsoft Edge 上的一些常见问题已通过更新 Windows 10 得到解决。运行 Windows Update 可通过替换过期文件、更新驱动程序和修复漏洞来帮助解决问题。

要检查更新，请选择开始按钮，然后选择设置 > 更新和安全 > Windows Update，然后选择检查更新。如果 Windows 更新显示您的 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>