0

Custom_News、Custom_Articles、およびCUstom_CasesというタイトルのHTMLホームページカスタムコンポーネントがいくつかあります。

それらのHTMLは次のとおりです。

<iframe src="/apex/NewsPage?id=a1TW0000000EJAL" frameborder="0" width="100%"></iframe>&nbsp;

<iframe src="/apex/Custom_Home" frameborder="0" width="100%"></iframe>&nbsp;

<iframe src="/apex/CasesPage" width="100%" frameborder="0"></iframe>&nbsp;

これは私のカスタマーポータルのホームページのレイアウトがどのように見えるかです：

ここに画像の説明を入力してください

これは、カスタマーポータルにログインしたときのカスタムコンポーネントの外観です。

ここに画像の説明を入力してください

スクロールバーを取り除くにはどうすればよいですか？カスタマーポータルでコンポーネントのサイズを自動調整して、どのコンポーネントにもスクロールバーが表示されないようにします。どうすればよいですか？

4

2 に答える 2

2

JavaScriptを使用してiframeの高さを動的に変更してみることができます。この回答は、これを達成する方法を説明しています。

提供されているJavaScriptを使用した例を次に示します。

<script language="JavaScript">
<!--
function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById(id)){
        newheight = document.getElementById(id).contentWindow.document.body.scrollHeight;
        newwidth = document.getElementById(id).contentWindow.document.body.scrollWidth;
    }

    document.getElementById(id).height = (newheight) + "px";
    document.getElementById(id).width = (newwidth) + "px";
}
//-->
</script>

<iframe src="/apex/NewsPage?id=a1TW0000000EJAL" frameborder="0" width="100%" onLoad="autoResize('iframe1');"></iframe>&nbsp;

<iframe src="/apex/Custom_Home" frameborder="0" width="100%" onLoad="autoResize('iframe1');"></iframe>&nbsp;

<iframe src="/apex/CasesPage" width="100%" frameborder="0" onLoad="autoResize('iframe1');"></iframe>&nbsp;

于 2012-06-05T15:40:39.763 に答える
0

これは私がやったことです：

<script language="JavaScript">
    function resizeIframe(newHeight, id){    
        document.getElementById(id).style.height = parseInt(newHeight,10) + 'px';
}
</script>
<iframe id="iframe2" src="/apex/NewsPage?id=a1TW0000000EJAL" frameborder="0"  ="" onload="parent.resizeIframe(1.5*document.body.clientHeight,'iframe2');"  height="100%" width="100%"></iframe>
于 2012-07-09T18:11:22.160 に答える