javascript 类.visible
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 类.visible相关的知识,希望对你有一定的参考价值。
function addClassIfVisible() {
$('.hideme').each(function(index, item) {
if (isElementInViewport(item)) {
$(item).addClass('visible');
}
else {
$(item).removeClass('visible');
}
});
}
$(function() {
$(window).on('DOMContentLoaded load resize scroll', addClassIfVisible);
});
function isElementInViewport(el) {
// special bonus for those using jQuery
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (
(
rect.top <= 0 &&
rect.bottom >= 0
) ||
(
rect.bottom >= (window.innerHeight || document.documentElement.clientHeight) &&
rect.top <= (window.innerHeight || document.documentElement.clientHeight)
) ||
rect.top >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)
);
}
以上是关于javascript 类.visible的主要内容,如果未能解决你的问题,请参考以下文章
javascript中 visibility和display的区别
javascript中 visibility和display的区别
Kendo Ui Dropdownlist Set Visible via Javascript
javascript !mobile-menu-visible!搜索 - 可见
javascript中 visibility和display区别在哪
JavaScript错误说“确认不是函数”