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错误说“确认不是函数”