2011-07-16 30 views
0

我相信很多人使用Twitter提供的Twitter小部件。Twitter小工具不會滾動頁面上的IE

下面的代碼Twitter提供:

<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瀏覽器,雖然使用IE的網站更新(Twitter的部件)不與頁面滾動:http://apumpkinpatch.com/

編輯: 我在IE7上,由於某種原因有兩個垂直滾動條,它現在在所有其他內容下,我玩z指數後...我無法解釋在IE上的雙滾動條,這真的很奇怪。我通常是一個mac用戶,所以我不知道什麼是雙垂直滾動條大約是

我認爲該widget的類是.twtr-doc根據督察。任何人都知道是否有一個CSS屬性,我應該添加到它來阻止在IE中發生這種情況?

在CHrome和FF中正常工作。

+0

您是否看到我的解決方案在下面? – tw16

回答

0

出現雙滾動行,因爲body容器設置爲overflow:auto。如果您刪除該規則,則只有該窗口現在將滾動。

但是,在您進行此修復後,隨後出現的佈局問題在iframe代碼中,因此您無法編輯。

+0

啊謝謝!我認爲這是讓人無法忍受的頁面滾動。但沒有它,它工作得很好,它修復了IE上的雙精度條。謝謝! – brybam

+0

樂於幫助。請你也可以投票答覆?謝謝。 – tw16

0

在我的IE中正常工作。 即時通訊使用v8。

+0

我在IE7上,出於某種原因,有兩個垂直滾動條,它現在在所有其他內容下,現在在我玩z指數之後...我無法解釋在IE上的雙滾動條,這真的很奇怪。我通常是一個mac用戶,所以我不知道什麼雙垂直滾動條約 – brybam