Question

我在HTML中嵌入了Google文档。我的Google文档有一个页脚，其中包含页码和图像。我想让doc在我的网页上显示页脚。以下是当前代码：

＆＃xA;＆＃xA;

 ＆lt; div class =“scroll-wrapper”＆gt;＆＃xA; ＆lt; iframe src =“https://docs.google.com/document/d/e/2PACX-1vR59LAO6EgV98_OVPaMO_WcI3Ds7Nemf0WzFO7xgYXoEXlnqDWncLsyCwvpQNUrBhQUUmmhp_TqKIRn/pub?embedded=true”＆gt;＆lt; / iframe＆gt;＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

和css类：

＆＃xA;＆＃xA;

  .scroll-wrapper {＆＃xA;  - webkit-overflow-scrolling：touch;＆＃xA; overflow-y：scroll;＆＃xA; position：0; ＆＃xA;右：0; ＆＃xA;底部：0; ＆＃xA; left：0;＆＃xA; top：0;＆＃xA; display：block;＆＃xA; text-align：center;＆＃xA;}＆＃xA;＆＃xA; .scroll-包装器iframe {＆＃xA;高度：750px;＆＃xA;宽度：56.25％;＆＃xA;}＆＃xA;

＆＃xA;＆＃xA;

如果这样使用我当前的代码无法完成，有什么其他方法可以做到这一点？

＆＃xA;

Answer 1

我从未使用过Google文档，也无法在您的Google文档文件中找到“网页编号”。

假设您可以修改Google文档页脚，请在Google文档中为您的页脚div指定一个ID。

示例：

<div class="your-footer" id="target-footer">
    ....
</div>

然后只使用一个简单的并使用jQuery“load”函数加载整个页面并选择你想要的部分：然后在您要显示iframe的页面中创建一个空div。

<div id="target-div"> </div>

最后是jQuery：

$('#target-div').load('https://docs.google.com/document/d/e/2PACX-1vR59LAO6EgV98_OVPaMO_WcI3Ds7Nemf0WzFO7xgYXoEXlnqDWncLsyCwvpQNUrBhQUUmmhp_TqKIRn/pub?embedded=true #target-footer');

希望这会为你提供一些帮助。

如何在嵌入式Google Doc <iframe>中显示页眉和页脚？

1 个答案: