请求对话框顶部位置

Question

我们的 Facebook 应用程序页面允许用户使用请求对话框向朋友发送服务邀请。

我们确实可以离线访问用户的 Facebook 帐户，因此一个 div 中填充了他所有的朋友（使用 ajax）。

每个朋友的名字旁边都有一个“邀请”按钮，当用户点击该按钮时会打开请求对话框。

IE 或 FF 始终在浏览器窗口中间显示请求对话框，无论用户向下滚动多少。

在 Chrome 中，对话框显示在页面顶部，即使请求是在页面底部发起的（在好友列表完成后发生）。

因此，网站用户看不到对话框出现并不断重新点击邀请按钮，因为他们看不到对话框。

加载：

FB.init({
        appId: "00000"
    });

邀请点击：

function sendRequestToRecipients(id) {

    FB.ui({
        method: "apprequests",
        message: "Here's the invite!",
        to: id
    },
    requestCallback);
};

Answer 1

应用以下 css 样式应该可以解决您的问题：

#FBUIWrapper {position: fixed; top: 0; right: 0; left: 106px;} /* Wrapper to position the invite dialog generated by Facebook */