Facebook 分享对话框 (iframe) 的一部分不可见，我无法移动它

Question

我正在使用以下代码在 Facebook 上分享我网站上的一些内容：

FB.ui({
    method: 'share',
    href: shareUrl
}, function(response){
    if (!response || response.error_message) {
        showError(response);
}});

事情是这样的，共享对话框 (iframe) 在屏幕的左下角打开：

几秒钟后，我的照片加载到共享对话框中...但是由于照片很大，它会将共享对话框推到屏幕之外...我也无法 move/drag 该对话框...

是否可以在其他地方打开对话框？还是让它可以移动？

Answer 1

我发现 facebook 共享对话框的行为不一致... iframe 在开发环境中出现在屏幕的中央，在测试中它出现在屏幕的 bottom-left 角环境...我决定将其设为弹出窗口而不是 iframe:

FB.ui({
    method: 'share',
    href: shareUrl,
    display: 'popup'
}, function(response){
    if (!response || response.error_message) {
        showError(response);
}});

Here is facebook's share dialog documentation，反正也不是特别好用

Facebook 分享对话框 (iframe) 的一部分不可见，我无法移动它

Part of facebook Share Dialog (iframe) is not visible and I cannot move it

javascript

css

iframe

facebook-javascript-sdk

facebook-share