1

私はできる限り問題を説明しようとします。

ユーザーがリンクをクリックしたときに情報を表示するために、カラーボックス (まだ使用していない方のためのライトボックス タイプのスクリプト) を使用するプロジェクトを完成させ、引き渡しました。

私のツールを与えられたチームは、ホームページの iframe にそれをロードします。彼らが私に言ったことから、カラーボックスの位置は、iframe 内のコンテンツのサイズによっては奇妙です。

コンテンツが「短い」場合、カラーボックスは適切に表示されます (配置方法に関して)。iframe 内のコンテンツが「長い」場合、カラーボックスはおかしくなり、カラーボックスのコンテンツを実際に表示するには、ユーザーは多くのスクロールを行う必要があります。

以下のコード スニペット:

$(document).ready(function() {
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
});

それから私のHTMLにはこれがあります：

<a class="iframe" href="http://LINK TO AN EXTNERAL PAGE">BLAH</a>

iframe でうまく動作させる方法 (位置) についてのアイデアはありますか? まず、カラーボックス js と css を親ページ (ツールを iframe にロードしているページ) に追加する必要があると考えています。

誰かが私を助けることができれば、私は素晴らしいでしょう. 私が十分な情報を提供していなかったり、私が書いたことが意味をなさない場合は申し訳ありません.

ありがとう！

4

2 に答える 2

2

おそらく外部からcolorbaxを呼び出す必要があります。このリンクを確認してください： iframe内のカラーボックスの位置を制御する

于 2012-10-15T07:41:19.557 に答える
1

カラーボックスは、ほとんどの場合、ページの中央に配置されます。ただし、高さの (xx)% パーセント幅を指定すると、これは異なる場合があります。たぶん、(xx)px の高さを指定して試してみてください。

于 2012-07-27T19:35:34.907 に答える