码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中的scroll事件

时间:2015-04-10 01:01:47      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

window.addEventListener(‘scroll‘,function(){
    if(document.compatMode == "CSS1Compat") {
        alert(document.documentElement.scrollTop);
    } else {
        alert(document.body.scrollTop);
    }
},false);

           虽然scroll事件是在window对象上发生的,但它事件表示的则是页面中相应元素的变化。在混杂模式中,可以通过<body>元素的scrollLeft和scrollTop来监控这一变化;在标准模式下,除Safari之外的所有浏览器都会通过<html>元素来反映这一变化(Safari还是基于<body>跟踪位置);

           以上代码指定的事件处理程序会输出页面的垂直滚动位置——根据呈现模式不同使用了不同的元素。由于Safari3.1之前的版本不支持document.compatMode,因此旧版本就会满足第二个条件。

javascript中的scroll事件

标签:

原文地址:http://www.cnblogs.com/jlienzen/p/4412981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!