彩盒和滚动条答案

【问题标题】：colorbox and scroller彩盒和滚动条
【发布时间】：2011-01-31 09:30:10
【问题描述】：

我在打开页面后第一次加载内容时遇到了颜色框问题。我正在为每个人制作一个带有按钮描述的人员列表。按下按钮后会打开一个颜色框“窗口”，其中包含根据地址选项卡中的 person_id 从 db 获取的信息。因此它从页面的另一部分加载内容。列表在 index.php?page=list 中，描述链接是 index.php?page=list&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 中。当我打开页面并按下描述按钮时，它会打开颜色框，但框的底部和右侧有滚动条。关闭盒子并再次打开后，srollers 不见了..无法弄清楚是什么问题.. Chrome，FF 和 Opera 除了 IE6 之外都有这个问题。

在标题中我有：

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

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

【问题讨论】：

我也有同样的问题。你找到解决办法了吗？

标签： jquery colorbox scroller

【解决方案1】：

我已经调查了这个问题。

尝试查看您通过 ajax 加载的内容。如果有一些图片没有“height”和“width”属性，就会出现滚动条。

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

尝试为您的图像指定尺寸。对我来说它有效。

【讨论】：