如何在timeline.js的iframe上移除滚动条？

Question

我曾尝试将此问题发布到 timeline.js 的 Google 群组，但被删除了。

我在插件网站 (http://timeline.verite.co) 和我们的测试站点上看到了外部 iFrame 上的滚动条。

当我将 iFrame 嵌入到我们的网站中时，我尝试添加：

<iframe scrolling="no" style="overflow:visible;"

但是，虽然滚动条消失了，但右边的边缘被稍微切掉了。

此外，建议的嵌入代码为width="100%"。

如果我将其减少到95%，则iframe比包含div小得多，但右侧仍然被略微切断。我们在Mac上的Firefox、Chrome和Safari中都看到了这一点。我们还在timeline.js网站的预览中看到了滚动条。

我确定我错过了一些简单的东西，但在timeline.js网站或Google Group中没有找到任何东西，除了针对其他帖子的一些“你做错了”的评论。

有没有什么技巧可以去除iFrames中的滚动条？如果这很简单，请原谅。

谢谢

本

- CMSCSS

Answer 1

在您的iframe中添加宽度、高度和frameborder，如下所示。

width='100%' height='700' frameborder='0'

尝试一下，我认为现在它可以工作。

<iframe src='embed.verite.co/timeline/?source=0Aj2TitNEGaD2dHlqV3ZRcDhMYlY3MjZmUEt2aWQ0ckE&font=Bevan-PotanoSans&maptype=toner&lang=en' width='100%' height='100%' frameborder='0'></iframe>

- vinod_vh

---

谢谢，但我已经在使用来自该网站的完整嵌入代码，其中包括这些项目：<iframe width='100%' height='500' frameborder='0' scrolling="no" style="overflow:visible;"></iframe> - CMSCSS

尝试一下，移除滚动条并将style="overflow:hidden;"更改为其他样式。 - vinod_vh

非常感谢。我尝试了你的建议，但是右边缘仍然被剪掉了（看起来是1像素），在Safari和Chrome中出现滚动条，但在Firefox中没有。 - CMSCSS

试一下，我认为现在它可以工作了：<iframe src='http://embed.verite.co/timeline/?source=0Aj2TitNEGaD2dHlqV3ZRcDhMYlY3MjZmUEt2aWQ0ckE&font=Bevan-PotanoSans&maptype=toner&lang=en' width='100%' height='100%' frameborder='0'></iframe> - vinod_vh

@CMSCSS 我会编辑我的回答，你只需要批准它，然后积分就会自动到账..:-) - vinod_vh