FB.Canvas.setAutoGrow()React JS的问题

时间:2015-11-30 17:14:04

标签: javascript facebook reactjs

我正在使用JavaScript SDK应用内的Facebook React JS

根据documentation,我在加载SDK后调用FB.Canvas.setAutoGrow()

window.fbAsyncInit = function () {
    FB.init({
        appId: FACEBOOK_APP_ID,
        xfbml: true,
        version: 'v2.5'
    });

    FB.Canvas.setAutoGrow();

    ReactDOM.render(routes, document.getElementById('app'));
};

FB.Canvas.setAutoGrow()方法运行100毫秒间隔,调整画布大小以适应应用内容,但我仍然在应用中看到滚动。

我正在使用React Router,因此该应用是一个单页应用,我认为这可能会给我带来问题。是这种情况还是我做错了什么呢?

1 个答案:

答案 0 :(得分:1)

我也在使用React(和React Router)进行Facebook应用,应该与你的情况完全无关。确保内容宽度最大为810px,否则它将显示两个滚动条。您还可以使用overflow:hidden隐藏滚动条。我可以用测试链接告诉你更多信息。

编辑:它不适用于height:100%,将容器设置为固定高度或移除高度设置。