在不在叠加层后面检查div是否可见

时间:2017-05-17 10:37:38

标签: javascript jquery html css

我有一个带有叠加(加载效果)的页面,后面有一个内容div。我希望在屏幕上显示内容div(id content-to-test)时(当加载不可见时)触发一个函数。

我使用.is(':可见')jQuery函数,但此函数仅检查div可见性或显示。

我需要检查内容div何时对用户可见

strptime

完整示例:https://jsfiddle.net/42qw0uzf/1/ 点击"切换叠加层可见性"或/和"切换内容可见性"检查标签"内容是:"国家(可见或不可见)

1 个答案:

答案 0 :(得分:0)

不会检查适用的叠加层可见性吗?在你提供的小提琴中使用以下功能似乎做你想要的(see it here

var result = $('#resutl span');

setInterval(function(){
    if($('#content-to-test').is(':visible') && !$("#overlay").is(":visible")){
        $(result).text('VISIBLE');
    }else{
        $(result).text('INVISIBLE');
    }
}, 200);