티스토리 뷰

페북 탭 페이지를 만들어보니 스크롤바가 중간에 나타나서 보기가 흉한 상황이 계속 벌어졌다.

이 부분을 해결하기 위한 스크립트가 제공된다.

http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/ 

<script type='text/javascript'>
window.fbAsyncInit = function() {
FB.init({
appId      : '1111111111111', // App ID를 입력합니다.
channelUrl : '//채널 URL', // Channel File
});
FB.Canvas.setAutoGrow();
}
</script>

위와 같이 입력하시면 됩니다.

어때요 참~ 간단하죠~

스크롤 없애기 전의 모습...


스크롤을 없앤 모습... 


http://www.facebook.com/pages/Hometown-Fan-Page/267525293321443?sk=app_374942652515928
 


댓글
  • 프로필사진 비밀댓글입니다 2012.03.20 08:53
  • 프로필사진 자유인 JS Yoon 스크롤바 적용을 모르시는 것이시라면 만드신 앱 페이지에 해당 스크립트를 넣으세요. 그러면 페이지에 포함된 해당 앱이 스크롤바가 생기지 않고 화면에 표시됩니다. 자동으로 늘어나면서요... 2012.03.23 07:29 신고
댓글쓰기 폼