0

我有一个网页，<div>由于overflow-y:scroll;某种原因，我的网页显示了一个垂直滚动条。当我向下滚动页面时它只是空白，但它似乎正在补偿 div 内容，因为当我滚动到 div 的底部时，网页滚动条消失了。

CSS：

#wrapper {width:1227px; height:400px; overflow-y:scroll;}

HTML：

<div id="wrapper">
<table>
<tr>
<td>
<script>
    // Create the datePicker
    datePickerController.createDatePicker({ 
    // Associate the three text inputs to their date parts                         
    formElements:{\"" . $emp_query['Emp_ID'] . "\":\"%Y-%m-%d\"},
    // Disable the fade effect
    noFadeEffect:true,
    // Show week numbers
    showWeeks:false,
    // Set a statusbar format
    statusFormat:\"%l, %d%S %F %Y\",
    //Highlight Certain days
    highlightDays:[0,0,0,0,0,1,1],
    });
    </script>
</td>
</tr>
<!-- Repeat the above cells many more times -->
</table>
</div>

我不知道它是否打算这样做，但我不想这样做，因为它只是在它下面留下一堆空白页，我能做些什么吗？

编辑：我发现问题是由我在表中的日期选择器 javascript 小部件引起的。代码已更新，这里是小部件的链接：DatePicker。我试图用所有这些来创建一个小提琴，但它一直冻结并且脚本停止运行。当这样的内部运行脚本时，这是否正常<div>？

编辑：澄清一下，我想要的是<div>查看区域限制为 400px 高，并摆脱它下方的额外空白空间。当我删除Javascriptdatepicker 小部件时，一切正常，但由于某种原因Javascript导致网页高度适应<div>.

4

4 回答 4

0

好的，问题已经解决了……由日期选择器开发人员 Brian McAllister 解决。在 datepicker 的 CSS 中，为:linkand设置了一个类:visited，这是一个片段：

.date-picker-control:link,.date-picker-control:visited {
display:-moz-inline-stack;
}

当显示更改为：

.date-picker-control:link,.date-picker-control:visited {
display:-moz-inline-box;
}

问题消失了。谢谢布赖恩！

于 2012-12-13T03:03:20.257 回答
0

您是否尝试将溢出更改为“隐藏”？

于 2012-12-06T09:53:49.057 回答
0

它具有垂直滚动条，因为您要求使用 y 滚动条。尝试总和

#wrapper {width:1227px; height:400px; overflow:auto;}

css & html 足以处理溢出。

于 2012-12-06T10:07:53.803 回答
0

设置overflow-y为auto仅在需要时显示滚动条：

#wrapper { /* ... */ overflow-y: auto; }
于 2012-12-06T10:10:20.877 回答