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 ) を使用して Twitter の CSS をオーバーライドし、次のように追加しました。

.timeline .stream {overflow:hidden;}

また、ローカルに保存されている twitter widget.js のコピー (30 行目あたり) に同じ css を直接追加して、スクロールバーを非表示にします。

Answer 2

シンプルなソリューション

iframe タグで scrolling 属性を 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>