您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM scrolling 属性

HTML DOM scrolling 属性

此节有 200 人学习过参与评论

定义和用法

scrolling 属性可设置或返回框架是否拥有滚动条。

语法

</>code
frameObject.scrolling=yes|no

实例

在我们的例子中，首先将创建包含带有两个列的框架集的 HTML 文档。每列设置为浏览器窗口的 50%：

</>code
<html>
  <frameset cols="50%,50%">
    <frame id="leftFrame" src="frame_scroll.htm">
    <frame id="rightFrame" src="frame_a.htm">
  </frameset>
</html>

HTML 文档 "frame_scroll.htm" 被放入第一列，而 HTML 文档 "frame_a.htm" 被放入第二列。

下面是 "frame_scroll.htm" 的源代码：

</>code
<html>
<head>
<script type="text/javascript">
function enableScrolling()
  {
  parent.document.getElementById("leftFrame").scrolling="yes"
  parent.document.getElementById("rightFrame").scrolling="yes"
  }
function disableScrolling()
  {
  parent.document.getElementById("leftFrame").scrolling="no"
  parent.document.getElementById("rightFrame").scrolling="no"
  }
</script>
</head>
<body>
<input type="button" onclick="enableScrolling()"
value="Scroll bars" />
<input type="button" onclick="disableScrolling()"
value="No scroll bars" />
</body>
</html>