千家信息网

js中scroll事件有几种模式

发表于:2025-01-21 作者:千家信息网编辑
千家信息网最后更新 2025年01月21日,这篇文章给大家分享的是有关js中scroll事件有几种模式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。事件发生在window对象上,但它实际上表示了页面中相应元素的变化:
千家信息网最后更新 2025年01月21日js中scroll事件有几种模式

这篇文章给大家分享的是有关js中scroll事件有几种模式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

事件发生在window对象上,但它实际上表示了页面中相应元素的变化:

1、混杂模式:通过scrollleft和scrolltop来监控这一变化。

2、标准模式:通过元素反映这一变化(除了Safari,Safari仍然基于跟踪滚动位置)。

实例

EventUtil.addHandler(window, "scroll", function(event){            if (document.compatMode == "CSS1Compat"){    //标准模式下                alert(document.documentElement.scrollTop);            } else {                alert(document.body.scrollTop);            }        });

感谢各位的阅读!关于"js中scroll事件有几种模式"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0