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

Question

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

Answer 1

FB.ui（）對話框應該已經相對於用戶當前滾動的位置進行了定位。

如果沒有，您可以簡單地將#fb-root放在CSS中：

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

這樣，pop-in將始終位於用戶的滾動位置，如果他繼續向上或向下滾動頁面，也會跟隨它。

Answer 2

我正在使用這段代碼將對話框位置設置到頁面頂部，但您可以使用它來設置您想要的位置。 此代碼使用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 3

facebook將對話框html代碼寫入<div class="fb-root"></div>所以如果你用<div style="position: absolute;"></div>包圍它，那么對話框出現在你的位置把這段代碼。

例如：

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