0
새 페이지 너비에 맞게 810 픽셀 너비의 WordPress 테마를 만들었습니다. 하지만 스크롤 막대가 나타납니다. 스크롤 막대를 방지하거나 제거하려면 어떻게합니까?새 810 픽셀 폭 iframe 페이지에서 스크롤 막대를 제거/금지하는 방법
감사합니다.
A
답변
3
스크롤 막대를 관리하는 FB 가이드 라인은 JS SDK의 FB.Canvas.setAutoGrow function을 사용하는 것입니다. 첨부 한 테마는 약 800px 이내 여야합니다. (우리의 구현은 802px까지 올라 갔고 정상적으로 작동했습니다.)하지만 FB.Canvas.setAutoGrow의 통합으로 높이가 커질 수 있습니다. 하나의 스크롤바 - 전체 콘텐츠를 다루는 Facebook의 자체 페이지에있는 스크롤바.
0
overflow:hidden;
div의 CSS에 추가하십시오.
0
먼저 오버플로 된 CSS에 페이지의 너비와 너비 (810 픽셀)를 설정 한 다음 여기 첫 번째 코드 줄에 다시 설정하고 여는 본문 태그를 으로 바꿉니다. 너무 당신의 앱 ID)
<body onload="FB.Canvas.setSize({width: 810, height: 910})">
<div id="fb-root"></div>
<script>
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOURAPPID;
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
1
와 YOURAPPID 당신은 수직 스크롤 막대를 제거 FB.Canvas.setSize();를 호출해야합니다. document.ready 및 페이지 크기가 변경 될 때마다 작업해야합니다. 필요한 경우에만 setSize()를 호출하는 것이 훨씬 더 효율적이므로 FB.Canvas.setAutoGrow();에 대해 조언합니다.
setSize()를 호출하기 전에 FB.init()를 호출해야합니다. 당신이 https://developers.facebook.com/docs/reference/javascript/의 상단에서 예제 코드를 사용한다면 당신은
// Additional initialization code here
을 말한다에는 setSize()가 나는 아직도 배우고 :) 그리고 그 지시를 이해하지 못하는 호출 할 수 있습니다 : 내가 가서 않았다 내 테마를 800px로 변경하고 온라인에서 찾은이 코드를 추가했습니다. –