jquery - Twitter iframe 小部件删除滚动条

Question

一直试图弄清楚如何删除 iframe twitter 小部件中的滚动条。我知道我不能用 css 做到这一点所以我的下一个外观是用 jquery 尝试了以下但似乎不起作用

$("iframe").ready(function () {
    $(".stream", this).css("overflow-x", "hidden");
});

Answer 1

您可以使用 css 禁用它。我使用这个插件（https://github.com/kevinburke/customize-twitter-1.1）来覆盖twitters css，然后添加：

.timeline .stream {overflow:hidden;}

我还通过将相同的 css 直接添加到本地存储的 twitter widget.js 副本中来隐藏滚动条（大约第 30 行）。

Answer 2

简单的解决方案

在 iframe 标记中将滚动属性设置为 no。像这样：

scrolling="no"

完整的 iframe 示例：

<iframe scrolling="no" title="Twitter Tweet Button" style="border:0;overflow:hidden;" src="https://platform.twitter.com/widgets/tweet_button.html"  height="28px" width="76px"></iframe>