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

Question

我正在使用 Facebook JavaScript SDK 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 毫秒的间隔，调整 Canvas 大小以适合应用程序的内容，但我仍然在应用程序中看到滚动。

我正在使用React Router ，所以该应用程序是一个单页应用程序，我认为这可能会给我带来问题。是这种情况还是我做错了什么？

Answer 1

我也在 Facebook Apps 中使用 React(和 React Router)，应该与你的情况完全无关。确保内容宽度最大为 810px，否则它将显示两个滚动条。您还可以使用overflow:hidden来 Conceal 滚动条。我可以通过测试链接了解更多信息。

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