4

以下に示すように、オンライン予約のために次の Web サイトで iFrame を使用しています。

http://www.marandy.com/one2onev2

Chrome または IE では、y 軸のスクロール バーは期待どおりに表示されますが、Chrome では表示されないようです。

コードは次のとおりです。

HTML

        <div id="main-online-booking">

            <iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0"></iframe>

            <div id="main-online-user">

                <a href="#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login.php')"><img alt="One 2 One Account" id="img-onlinebooking-acc" src="images/account.png" /></a>

                <a href="#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login-guest.php')"><img alt="One 2 One Guest" id="img-onlinebooking-guest" src="images/guest.png" /></a>

            </div>

        </div>

CSS

#main-online-booking {

height: 488px;
border-bottom: 6px #939393 solid;
border-left: 6px #939393 solid;
border-right: 6px #939393 solid;
z-index: 4;
background-color: #fff;
}

#main-online-frame {
overflow-x: hidden;
overflow-y: scroll;
frameBorder: 0;
height: 488px;
}

これが機能しない理由、または Firefox/IE のように機能させる方法はありますか?

どんな助けでも大歓迎です！:-)

4

3 に答える 3

3 
<iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0"></iframe>

scrolling="no" を scrolling="yes" に変更します。

それは仕事をするはずです。

必ずページを更新してください。スクロールは、いずれかの機能でコンテンツが拡大された場合にのみ表示されます。

于 2013-03-12T13:00:33.370 に答える
2

＃main-online-bookingにoverflow：scrollを追加して、同じスタイルで高さを好みに合わせて調整してみてください。

CSS：

#main-online-booking {
overflow:scroll;
z-index: 4;
height: 488px; /*adjust this to your desire*/
border-bottom: 6px #939393 solid;
border-left: 6px #939393 solid;
border-right: 6px #939393 solid;
background-color: #fff;
}

#main-online-frame {
frameBorder: 0;
height: 488px; /*adjust this to your desire*/
width: 600px;
}

ここで私のjsfiddleデモをチェックできます。

于 2013-03-12T12:54:47.147 に答える
0

widthiframeにプロパティを追加するだけです。

元。

<iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0" width="600px"></iframe>
于 2013-03-12T13:40:38.883 に答える