iframe twitter 按钮 css 溢出隐藏

Question

我需要在 React 组件中使用 iframe 版本的推文按钮（不要弄乱 React 渲染工作流程），但 在 Linux/Windows 上 - 使用 Chrome / Firefox，会出现滚动条（即使是overflow: hidden)

<iframe title="Twitter Tweet Button" style="border:0;overflow:hidden;" src="https://platform.twitter.com/widgets/tweet_button.html?count=none&amp;dnt=false&amp;lang=en&amp;size=l&amp;text=%23iframe%20Twitter%20button%20%23css%20problem%20%23overflow&amp;type=share&amp;url=http%3A%2F%2Fcodepen.io%2Ftopheman%2Fpen%2FwKyGPd&amp;via=topheman" data-reactid=".0.2.0.4" height="28px" width="76px"></iframe>

渲染工作正常：

MacOS X - Chrome / Firefox / Safari Windows - 火狐

有什么提示吗？

• 这是codepen
• 如果您需要，这里是React code on github

Answer 1

放置属性：

scrolling="no"

在您的 iframe 标记中