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>

Twitter iframe小部件删除滚动条

2 个答案: