首页 > js监听窗口高度的变化

js监听窗口高度的变化

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


这个和回到顶部的功能类似
$(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


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