Facebook iFrame垂直滾動條不會離開

我使用與之前使用過3次相同的模板創建了自定義Facebook目標頁面。問題是，這一次，垂直滾動條不會消失。這是我一直在使用調整大小代碼：Facebook iFrame垂直滾動條不會離開

<script type="text/javascript">// <![CDATA[ 
    window.fbAsyncInit = function() { FB.Canvas.setSize({ width: 520, height: 1200});} 
    function sizeChangeCallback() { FB.Canvas.setSize({ width: 520, height: 1200});} 
// ]]></script>

，並在頁面的底部：

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script> 
<script type="text/javascript">// <![CDATA[ 
    FB.init({ 
    appId : 'MY_APP_ID', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true // parse XFBML 
    }); 
// ]]></script>

我的CSS使用body {overflow: hidden;}，選擇我的應用程序「自動調整」內。問題不在於ifarme不會調整大小（它的確如此），而是在右側有一個空的垂直滾動條，它不會消失。

由於iframe設計使用整個520px寬度，空的垂直滑動條給我可怕的水平滾動條。根據水平滾動條的寬度來判斷，它是垂直滾動條引起的，而不是HTML/CSS中的任何東西（我可以找到或看到）使得頁面寬度大於520px。問題發生在IE8，IE7和Firefox中。

您可以看到頁面here。

我已經嘗試了幾個不同來源的JavaScript代碼的變體，但沒有運氣。不知道這是我錯過的小事，還是它是另一個facebook錯誤。這個問題不存在於我的任何其他Facebook的iframe登陸頁面。在四處尋找答案並且什麼也沒有提出之後，我已經用這個打了一堵牆。

來源

2011-06-01 Joe

都是舊的。一切都錯了。你不能單獨使用CSS。 – 3Dom 2013-03-04 01:54:07

它的這個代碼

html { 
overflow-Y: scroll; 
}

在你的style.css樣式表這就是導致問題的

。當我用Chrome檢查它並刪除該值時，滾動條消失。

來源

2011-06-01 21:30:16 bkaid

傑出！這解決了它。謝謝bkaid！ – Joe 2011-06-02 00:30:40

對於任何人都好奇，該CSS是手風琴內容的一部分，我沒有最終使用...刪除整個部分和滾動條問題消失。 – Joe 2011-06-02 00:38:29

我也看到了一些CSS設置的屬性重置。 – evanmcd 2013-04-04 18:54:10

Facebook iFrame垂直滾動條不會離開

回答

相關問題