扫码关注官方订阅号
我想通过js监听窗口,当窗口不在顶部时触发某一事件,请问怎么做?
认证0级讲师
楼主的问题和描述感觉上不是一件事情,如果是监听窗口的高度变化,那么可以监听 window 的 resize 事件,https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onresize ,如果是窗口不在顶部,我理解是有一定的滚动,则可以监听 window 的 scroll 事件,https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onscroll
窗口指的是什么,浏览器?还是滚动条?
补充:
试试这个:
window.addEventListener('scroll', function(e){ if(window.scrollY > 0){ console.log('已经不在顶部啦'); } }, false);
这个和回到顶部的功能类似$(window).scroll(function(){
if($(window).scrollTop() >= 200){ $(".scroll_top").fadeIn(); } else { $(".scroll_top").stop(true,true).fadeOut(); } });
http://www.poseidon-ocean.com/dev/case/toTop.html
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
楼主的问题和描述感觉上不是一件事情,如果是监听窗口的高度变化,那么可以监听 window 的 resize 事件,https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onresize ,如果是窗口不在顶部,我理解是有一定的滚动,则可以监听 window 的 scroll 事件,https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onscroll
窗口指的是什么,浏览器?还是滚动条?
补充:
试试这个:
这个和回到顶部的功能类似
$(window).scroll(function(){
http://www.poseidon-ocean.com/dev/case/toTop.html