visible 方法是 Yuka.js 库中的一个函数,用于检查目标元素是否可见。
visible(element)
element:必选参数,表示要检查是否可见的元素。如果元素可见,则返回 true,否则返回 false。
<div id="myElement" style="display:none;">Hello World</div>
let element = document.getElementById('myElement');
let isVisible = visible(element); // false
该方法实现的原理是通过检查元素的样式属性中是否包含 display:none 或 opacity:0 来判断元素是否可见。同时,由于一些布局方式会影响元素的可见性,如 visibility:hidden 或采用绝对定位在视窗外,因此该方法不能保证100%准确性。
visible 方法仅能检查元素的初始可见性,如果元素的可见性在之后发生了变化,则无法检测出变化后的可见性。