javascript - js监听窗口高度的变化
PHP中文网
PHP中文网 2017-04-11 11:11:40
[JavaScript讨论组]

我想通过js监听窗口,当窗口不在顶部时触发某一事件,请问怎么做?

PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
天蓬老师

楼主的问题和描述感觉上不是一件事情,如果是监听窗口的高度变化,那么可以监听 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

PHPz

窗口指的是什么,浏览器?还是滚动条?

补充:

试试这个:

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号