Запросы Верхняя позиция диалога

Question

Наша страница приложения Facebook позволяет пользователю отправлять приглашения в службу другу с помощью диалогового окна запроса.

У нас есть автономный доступ к учетной записи пользователя facebook, поэтому div заполняется всеми его друзьями внутри (с использованием ajax).

Каждый друг получает кнопку «Пригласить» рядом с его именем, и диалоговое окно запроса открывается, когда пользователь нажимает кнопку.

IE или FF последовательно отображает диалоговое окно запроса в середине окна браузера, независимо от того, сколько прокручивается пользователь.

В Chrome диалоговое окно отображается в верхней части страницы, даже если запрос инициирован в нижней части страницы (происходит после завершения списка друзей).

Из-за этого пользователи сайта не видят, что появляется диалоговое окно, и продолжайте повторное нажатие кнопки приглашения, потому что они не могут видеть диалог.

OnLoad:

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

Invite нажмите:

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 */