Question

打开页面后第一次加载内容时，我遇到了colorbox的问题。我正在为每个人制作一个按钮描述的人员列表。按下按钮后，打开一个颜色框“窗口”，其中包含根据地址选项卡中的person_id从db获取的信息。所以它从页面的另一部分加载内容。列表在index.php？page = list中，描述链接是index.php？page = list＆amp; person_id（打开不同的文件）。在那个其他文件是mysql查询等，信息从db中获取然后echo'ed ..所以做div（div不在db中）。 div有css类：

.see_profile {
    background-color:#ececec;
    width:400px;
    height:auto;
    overflow:auto;
    padding:30px;
    font-size:14px;
    text-align:justify
}

信息在div中。当我打开页面并按下描述按钮时，它会打开彩色框，但是框底部和右侧都有滚动条。在关闭框并再次打开它之后，滚动器已经消失了......无法弄清楚是什么问题.. Chrome，FF和Opera除IE6外都有此问题。

在标题中我有：

<script type="text/javascript">
    $(document).ready(function(){
    $(".member").colorbox();
    });
</script>

我也注意到在div中插入图像后会发生这种情况

Answer 1

我已经调查了这个问题。

尝试查看由ajax加载的内容。如果它有一些没有“height”和“width”属性的图像，则可以显示滚动条。

这是因为浏览器不知道图像的大小，并且不会等到它加载以计算页面布局。第一次加载后，图像位于缓存中，浏览器可以计算大小。

尝试指定图像的大小。对我来说它有效。

彩盒和卷轴

1 个答案: