当锚点在屏幕上或可见时，更改div的类

Question

我只想更改一个div的类，当一个锚点（在这个div之上）可见或在scrooling之后在屏幕上

由于

Answer 1

function test($el) {
    var docViewTop = $(window).scrollTop(),
      docViewBottom = docViewTop + $(window).height(),
      elemTop = $el.offset().top,
      elemBottom = elemTop + $el.height();
    return ((elemBottom > docViewTop) && (elemTop < docViewBottom) && (elemBottom < docViewBottom) && (elemTop > docViewTop));
  }

并测试元素是否可见。

if(test($('.testElement'))){
    //do something
}