2012-03-30 12 views
1

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); 
}; 

答えて

1

次のCSSスタイルを適用すると、あなたの問題を解決する必要があります。

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

はFacebookから[共有]ダイアログを使用して同じ問題を抱えていましたJS APIは、これをうまく除外しました。 – BrMcMullin