·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » 在单元格里或层里出现滚动条

在单元格里或层里出现滚动条

类别: JavaScript教程  评论数:0 总得分:0

  如何在单元格里或层里出现滚动条

  解决思路:

    主要是通过设置元素的CSS属性overflow(包含overflow-x和overflow-y)来实现。

  具体步骤:

  1.自动出现横向滚动条:

<div style="width:200;height:200;overflow-x:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条
document.write(new Array(20).join("!<br>"))
</script>
</div>

  2.自动出现纵向滚动条:

<div style="width:200;height:200;overflow-y:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条
document.write(new Array(20).join("!<br>"))
</script>
</div>

  3.自动出现横向和纵向滚动条:

<div style="width:200;height:200;overflow:auto">
<script>
//使元素出现横向滚动条
document.write(new Array(20).join("!"))
//使元素出现纵向滚动条
document.write(new Array(20).join("!<br>"))
</script>
</div>

  注意:要使元素出现横向滚动,必须定义元素的宽;要使元素出现纵向滚动,则须先定义元素的高。

  特别提示

  第3步的代码运行效果如图1.7.1所示,从图中可以看到,div元素的宽和高限制为200×200了,超出范围的内容将自动剪切掉,并添加滚动条。

图1.7.1 强制让元素出现滚动条

  特别说明

  本例主要是CSS属性overflow的应用。overflow属性包括overflow-x和overflow-y,如果希望设置仅对X轴或Y轴生效,则必须用overflow-x或overflow-y,设置overflow时将同时对X轴和Y轴生效。overflow 属性的可选参数值说明:

  visible 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。 

  auto 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条。

  hidden 不显示超过对象尺寸的内容。

  scroll 总是显示滚动条。

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1