刚刚在看echo.js的源码,所以此问题延伸自echo.js中的一行代码
var isHidden = function(element) { return (element.offsetParent === null);};
经过自己实践确实可以使用这种方法来判断当前元素是否被隐藏,包括通过设置父元素为display:none
以及自己本身为none
的情况。但是如果是通过设置visibility:hidden
则无法检测出。
overflow关于这个问题的讨论
除了上面的方法还有这种
function isHidden(el) { var style = window.getComputedStyle(el); return (style.display === 'none')}
这种方式也是需要手动判断visibility
。不过貌似offsetParent
的方法十分缓慢,即使是新的chrome也无法优化。