js或者jquery 能不能判断网页内容是否在当前窗口显示

getBoundingClientRect()方法会返回该元素盒模型距离浏览器窗口的 top, bottom, left, right 值，其中上下的值有大于 0 并且左右的值有大于 0 则是证明其处于当前窗口位置。比如你在当前页控制台运行如下代码：

function isShow() {
    var article = document.querySelector("article");
    var box = article.getBoundingClientRect(),
        show = (box.top>0 || box.bottom>0) && (box.left>0 || box.right>0);   
    console.log( "%c$('article') 元素 " + (show?"在":"不在") + "当前窗口中显示", "color:"+(show?"green":"red") );
} 
(window.onscroll = isShow)();