html - Twitter 小部件不会随着 IE 上的页面滚动

Question

我敢肯定很多人都在使用 twitter 提供的 twitter widget。

这是推特提供的代码:

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 3,
  interval: 6000,
  width: 420,
  height: 250,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#666666'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('apumpkinpatch').start();
</script>

您可以在此处看到一个示例，在使用 IE 时，网站更新(twitter 小部件)在使用 IE 时不会随页面滚动:http://apumpkinpatch.com/

编辑: 我在 IE7 上，出于某种原因，有两个垂直滚动条，在我玩过 z 索引后，它现在出现在所有其他内容下面...我无法解释 IE 上的双滚动条，这真的很奇怪。我通常是 mac 用户，所以我不知道双垂直滚动条是什么意思

根据检查员的说法，我认为小部件的类是 .twtr-doc。有人知道我是否应该添加一个 css 属性来阻止这种情况在 IE 中发生吗？

在 CHrome 和 FF 中工作正常。

Answer 1

出现双滚动线是因为 body 容器设置为 overflow:auto。如果您删除该规则，现在只有窗口会滚动。

但是，在您进行此修复后出现的布局问题位于 iframe 代码内，因此您无法编辑。