如何在Office 365中保持加载项可见​​?

时间:2017-03-31 19:03:37

标签: office-js

当我们在线添加Excel加载项时,有时会显示为白色矩形。经过进一步调查后,我们发现加载项正在被正确呈现,但是在它之上创建了许多div个元素。

我们可以通过快速上下滚动浏览器窗口来重现此问题,如下所示: Excel div bug

请记住,有时会加载顶部的div,上下滚动只会重现问题。

我们创建了一个最小的加载项并使用它再次测试并获得了相同的结果:

<!DOCTYPE html>
<html style="height: 100%">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Test Init</title>
    <script src="//appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
</head>

<body class="ms-font-l" style="width:100%;height:100%;overflow:hidden;position:relative;">
<div id="app" style="height:100%"></div>
<script>
    console.log('Our script loaded...');
    Office.initialize = function () {
        console.log('Our App Initialized!!!')
    };
</script>
</body>

</html>

我的问题是,我们如何确保我们的加载项始终位于excel创建的所有div元素之上?

(到目前为止,我们已经看到div出现在Edge,IE,Chrome和Firefox中。无论是Windows还是OSX)

0 个答案:

没有答案