facebook cancvs scrollbar problem ,facebook 滚动条问题

在创建facebook app页面的时候,如果不做单独处理,滚动条会出现。这是一个非常让人讨厌的东西,严重影响页面的美观。


如何解决?

没错,就是下面的这段代码:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId  : 'appid',//你的appid
status : true, 
cookie : true,
xfbml  : true 
});
FB.Canvas.setAutoResize(); 
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());</script>


如果你的页面还是有滚动条出现(ie),好吧,我们再加上下一招:

<style type="text/css">
body, html {
width:760px;
overflow:hidden;
margin:0; padding:0; border:0;
}
</style>


好了 一切ok,天下太平~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值