調整FB.ui（）對話框的位置

Question

我使用Fb.ui（）將更新發布到用戶的牆上，但對話框總是出現在瀏覽器的同一位置（如果向上滾動，則居中）。問題是我正在從屏幕底部打開對話框。有沒有辦法讓對話框顯示用戶當前的滾動位置？

Answer 1

我正在使用這段代碼將對話位置設置爲頁面頂部，但您可以使用它來設置您想要的位置。此代碼使用jQuery庫

  setInterval(function(){ 
       var dialog = $('.fb_dialog'); 

       for(var i = 0; i < dialog.length; i++) 
       { 
        var d = $(dialog[i]); 
        if(parseInt(d.css('top')) > 0 && parseInt(d.css('top')) != 195) 
        { 
         d.css('top', '195px') 
        } 
       } 
      }, 500); 

Answer 2

Facebook的寫在對話框的html代碼爲<div class="fb-root"></div>，所以如果你有<div style="position: absolute;"></div>圍繞它出現的對話框中，你把這個代碼。

例如：

<div style="position: absolute"> 
<div class="fb-root"></div> 
</div> 

Answer 3

的FB.ui（）對話框應該已經被相對於用戶滾動是目前地方positionned。

如果沒有，你可以簡單地定位你的＃FB-根CSS：

#fb-root { position:fixed; top:10%; } 

這樣，扣式將永遠是用戶的滾動位置，並遵循它，如果他繼續向上或向下滾動頁面。