html - iFrame 上的 Overflow-y 不显示滚动条

Question

我在以下网站上使用 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 中那样工作？

任何帮助将不胜感激! :-)

Answer 1

<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"。

这应该可以完成工作。

一定要刷新页面，滚动只有在任何功能放大内容时才会出现。