嵌入式 SharePoint Online Excel 文件不显示水平滚动条答案

【问题标题】：Embedded SharePoint Online Excel file doesn't display horizontal scrollbar嵌入式 SharePoint Online Excel 文件不显示水平滚动条
【发布时间】：2020-07-14 10:26:32
【问题描述】：

期望的行为

将托管在 SharePoint Online 上的 Excel 文档嵌入到 HTML 页面中。

实际行为

嵌入加载，但没有水平滚动条。

获取视口右侧数据的唯一方法是单击一个单元格，然后使用右箭头键向右滚动。

我的尝试

我已按照此处的说明进行操作：

https://support.microsoft.com/en-us/office/embed-your-excel-workbook-on-your-web-page-or-blog-from-sharepoint-or-onedrive-for-business-7af74ce6-e8a0-48ac-ba3b-a1dd627b7773

很遗憾，由于租户限制，我无法共享链接来证明问题，因为似乎没有办法“匿名化”Microsoft 365 共享链接。

下面是截图 - 你可以看到有一个垂直滚动条，但没有水平滚动条。

左列和顶行是frozen panes。

我希望我应该能够“向右滚动”，就像在 Excel 在线中一样。

这是使用的嵌入代码的格式：

<iframe height="500" width="100%" frameborder="0" scrolling="no" src="https://my-tenant.sharepoint.com/:x:/s/site-name/********?e=*****s&action=embedview&wdHideSheetTabs=True&wdAllowInteractivity=False&wdHideGridlines=True&wdDownloadButton=True"></iframe>

我不认为这是一个可以通过将 iframe 包装在具有某种溢出属性的 div 中来解决的问题 - 似乎水平滚动条 in iframe 嵌入本身不是显示。

【问题讨论】：

标签： sharepoint-online excel-online microsoft365

【解决方案1】：

此错误现已修复。

感谢您提供如此详细的反馈；这对我们快速解决问题非常有帮助。

罗腾
Excel 项目经理

【讨论】：

感谢您提供信息，但不幸的是，我必须报告我仍然看到相同的行为。 id 为 skeletonSheetBar 的 div 覆盖了水平滚动条，该滚动条将内容滚动到冻结列的右侧。如果我使用以下内容隐藏 div，我可以根据需要看到水平滚动条：#skeletonSheetBar { display: none; }
感谢您分享更新。如果您告诉我们哪个特定版本的 Excel 将包含此修复程序，是否有我们可以下载的服务包或更新来修补此错误等，此答案将更加有用。事实上，此答案只是一个存根几乎没有为未来的观众提供任何有用的信息。

【解决方案2】：

Microsoft 支持人员为我做了一些超出范围的故障排除，并说他们可以看到水平滚动条片刻，然后它就消失了。

这让我查看了 Chrome 开发者工具中的元素，我可以看到水平滚动条没有显示的原因是因为它上面放置了一个 div（该 div 来自 Microsoft 嵌入代码）。

以下是在 Chrome 开发者工具中更改元素 CSS 属性的屏幕截图：

与border: 1px solid red...

与display:none...

后一种更改允许水平滚动条可见（所需的行为）。

但是没有办法覆盖 iframe 中的 CSS。

供参考，相关样式为：

.ewa-stb-ltr.skeleton-sheet-bar-old, .ewa-stb-rtl.skeleton-sheet-bar-old {
    background-color: #F4F4F4;
    position: absolute;
    height: 27px;
    width: 100%;
    z-index: 1051;
    display: none; /* <--- adding this in chrome dev tools makes horizontal scrollbar visible */  
}

【讨论】：