body和textarea元素在内容超过一屏时会自动出现滚动条,但其它对象不会自动出现,需要自己定义overflow属性。
<span style="width:300;height:300;overflow:auto">
<script>
with(new Array(200)){
document.write(join(" 1"))
document.write(join("1<br>"))
}
</script>
</span>
技巧:如果只想控制x轴或者y轴方向上的滚动,用overflow-x或overflow-y,可选值与overflow相同。
提示:有时出于特殊需要,可能会强制出现滚动条或者强制隐藏滚动条,那就要用到scroll(强制出现)和hidden(隐藏)。
特别提示
代码运行效果如图2.1.6.4所示,可以看到,SPAN元素出现了滚动条。
图2.1.6.4 强制让对象出现滚动条
特别说明
overflow属性设置当容器的内容超出其尺寸后的处理,是overflow-x和overflow-y的复合属性,对应的脚本特性为overflow(overflow-x和overflow-y对应的分别为overflowX和overflowY),可选值有:
visible 不剪切内容也不添加滚动条。
scroll 总是显示滚动条。
hidden 不显示超过对象尺寸的内容。
auto 在需要时剪切内容并添加滚动条。