有一段javascript的代码,this.element是什么意思

下面代码中this.element.scrollTop是什么意思<htmlxmlns="http://www.w3.org/1999/xhtml"><head><styl... 下面代码中this.element.scrollTop 是什么意思

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#divMsg{
line-height:20px;
height:20px;
overflow:hidden;
}
</style>
<script type="text/javascript">
var Scroll = new function(){
this.delay = 2000; //延迟的时间
this.height = 20; //行的高度
this.step = 4; //步长
this.curHeight= 0;
this.stimer = null;
this.timer = null;
this.start = function(){ //开始翻页-调用move方法
this.move();
}
this.move = function(){
var self = this;
if(this.curHeight == this.height) //如果显示完一行
{
this.timer = setTimeout(function() { //使用定时器-定时下一行的翻页时间
self.move();
}
, this.delay);
this.curHeight = 0;
if(this.element.scrollTop >= this.element.scrollHeight - this.height){ //滚动信息已经完毕,就是这里this.element.scrollTop 是什么意思
this.element.scrollTop = 0;
}
return true;
}
this.element.scrollTop += this.step;
this.curHeight += this.step;
this.timer = setTimeout(function(){ //设置自动翻页定时器
self.move();
}, 30);
}
this.stop = function(){ //清除定时期,停止滚动翻页
clearTimeout(this.timer);
}
}
</script>
</head>
<body>
<div id="divMsg">
张三奥运会历史性的突破,拿到了男子100米金牌<br/>
奥运会历史上的首位8金得主<br/>
北京奥运会欢迎志愿者的参与<br/>
奥运会带来了什么样的商机<br/>
北京奥运会2008年举行<br/>
娱乐新闻请转到娱乐主页<br/>
今天又获得一枚金牌<br/>
</div><script type="text/javascript">
Scroll.element = document.getElementById('divMsg');
Scroll.start();
</script>
<input type="button" value="开始" onclick="Scroll.start()"/>
<input type="button" value="停止" onclick="Scroll.stop()"/>
</body>
</html>
展开
 我来答
玉门关春风
推荐于2016-09-18 · TA获得超过405个赞
知道小有建树答主
回答量:432
采纳率:100%
帮助的人:369万
展开全部
scrollTop:
Read-only properties. Return the width and height of the element's viewable area that will be exposed by scrolling to the left and to the top, respectively.

测试一下如下代码,你就知道是什么意思了:

<script language="JavaScript">
function C1() {
myX.innerHTML = window.event.offsetX;
myY.innerHTML = window.event.offsetY;
mySX.innerHTML = window.event.screenX;
mySY.innerHTML = window.event.screenY;
mySH.innerHTML = myDiv.scrollHeight;
mySW.innerHTML = myDiv.scrollWidth;
}
function B1() {
mySL.innerHTML = myDiv.scrollLeft;
myST.innerHTML = myDiv.scrollTop;
}
</script>
<p><b>X Coordinate:</b> <span id="myX">0</span></p>
<p><b>Y Coordinate:</b> <span id="myY">0</span></p>
<p><b>Screen X:</b> <span id="mySX">0</span></p>
<p><b>Screen Y:</b> <span id="mySY">0</span></p>
<p><b>Scroll Height:</b> <span id="mySH">0</span></p>
<p><b>Scroll Width:</b> <span id="mySW">0</span></p>
<p><b>Scroll Left:</b> <span id="mySL">0</span></p>
<p><b>Scroll Top:</b> <span id="myST">0</span></p>
<div id="myDiv" onmousemove="C1();" onscroll="B1();" style="border:solid;
width:200; height:50; overflow:scroll;">
<img src="yourimage.gif"></div>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友dc91b32
2008-05-07 · TA获得超过5650个赞
知道大有可为答主
回答量:5653
采纳率:0%
帮助的人:0
展开全部
this.element.scrollTop
指当前页面的滚动条的位置(Top)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
13579264
2008-05-16
知道答主
回答量:34
采纳率:0%
帮助的人:0
展开全部
this 总是指向当前代码所在的对象(包括window对象)。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友067037e6c6
2008-05-07 · TA获得超过143个赞
知道小有建树答主
回答量:275
采纳率:0%
帮助的人:228万
展开全部
var Scroll = new function(){
this.delay = 2000; //延迟的时间
this.height = 20; //行的高度
this.step = 4; //步长
this.curHeight= 0;
this.stimer = null;
this.timer = null;
this.start = function(){ //开始翻页-调用move方法
this.move();
}
这段代码可以理解为 创建了一个Scroll 类 而 this 是这个类的指针,可以调用这里类中的所有元素,方法,属性等

this.element.scrollTop 是获取当前<div id="divMsg"> div的位置
Scroll.element = document.getElementById('divMsg'); 这句就是把 名为 divMsg 的 DIV 的对象 赋值给Scroll这个类
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式