フェードインがタップしないと可視化されない

HTML
1<section id="02" class="sec_02 back_gray">
2<div class="sec2" id="fadein-ver1">
3  <div class="inner">
4	
5		<div class="title_area">
6        <span class="arrow"> ソルヴフライならでは</span>
7			<h2>
8        <span style="color:red">行事</span>
9        にも全力で取り組む
10        <span style="color:red">熱い集団</span>
11      </h2>
12		</div>
13		
14      <ul>
15        <li class="fadein">
16          <div class="table">
17            <div class="img"><img src="light.png" width="64" height="64" alt="デザイン"></div>
18            <div class="txt">中学・高校・大学の<br>枠を超えた交流</div>
19          </div>
20          <div class="tl"><b>学校では不可能</b>な交流</div>
21        </li>
22        <li class="fadein">
23          <div class="table">
24            <div class="img"><img src="seo.png" width="64" height="64" alt="集客"></div>
25            <div class="txt">サークル活動<br>も充実</div>
26          </div>
27          <div class="tl"><b>身体能力向上</b>も期待</div>
28        </li>
29        <li class="fadein">
30          <div class="table">
31            <div class="img"><img src="radio_taisou.png" width="64" height="64" alt="開発"></div>
32            <div class="txt">体育祭・文化祭<br>のイベントも！</div>
33          </div>
34          <div class="tl"><b>年代問わず</b>団結します</div>
35        </li>
36      </ul>
37	</div>
38</div>
39</section>
40

css
1.fadein {
2        opacity : 0;
3        transform : translate(0, 100px);
4        transition : all 1s;
5}
6
7.fadein:active{
8    opacity : 1;
9    transform : translate(0, 0);
10}

JS
1$(function() {
2   $(window).scroll(function (){
3        $('.fadein').each(function(){
4            var position = $(this).offset().top;
5            var scroll = $(window).scrollTop();
6            var windowHeight = $(window).height();
7            if (scroll > position - windowHeight+200){
8              $(this).addClass('active');
9            }
10        });
11    });
12  
13});