2011-12-19 54 views
3

我已经创建了一个facebook应用。这对我来说可以。但我的问题是,总是显示垂直和水平滚动条,当我从Facebook设置使用流体的宽度和高度的我的网页。我的页面看起来像这样http://karen.webmascot.com/fb/fbone.jpg。我现在能做什么?从facebook应用中删除水平和垂直滚动条

+0

您是否尝试将画布设置宽度设置为固定,并且高度可设置? – 2011-12-19 10:44:37

+0

如果您使用Chrome浏览器,则有一个已知问题,即Facebook页面本身(而非iFrame)实际上具有水平滚动条。他们还没有解决它。 https://developers.facebook.com/bugs/182748101891780 – Joshua 2013-08-24 06:01:04

回答

7

scroll=nooverflow:hidden设置为您的身体,并使用FB.Canvas.setAutoGrow()删除滚动条。

<body scroll="no" style="overflow:hidden"> 
<div id="fb-root"></div> 
<script type="text/javascript"> 
window.fbAsyncInit = function() { 
    window.setTimeout(function() { 
     FB.Canvas.setAutoGrow() 
    }, 250) 
}; 
(function() { 
    var e = document.createElement('script'); 
    e.async = true; 
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
    document.getElementById('fb-root').appendChild(e) 
}()); 
</script> 
+2

一个空的滚动条总是显示。 – Pritom 2011-12-19 13:05:59

+0

空滚动条总是显示为Mozilla Firefox浏览器,不在IE中。 – Pritom 2011-12-20 06:18:31

-1

尝试在您的body CSS样式中使用overflow:hidden