javascript - 在重新加载其工作时面临动画问题，但通常在滚动其不工作时

Question

在重新加载其工作时面临动画问题，但通常在滚动其不工作时。每次滚动时，我都想在页面中添加此部分两次，我需要动画才能工作

    <div class="content"></div>

    <div class="about hidden">
        <h2>header</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quo dolor, similique ea molestiae earum quas 
           sint accusantium itaque magnam laborum laboriosam, expedita qui nihil dicta soluta exercitationem quos
           iste. Quam.</p>
    </div>

    <div class="content"></div>

    <script>

     (function(){
       var aboutEl= $('div.about'),
           aboutEloffset=aboutEl.offset().top/2,
           documentEl= $(document);

        documentEl.on('scroll',function(){
             if(documentEl.scrollTop() >aboutEloffset &&  aboutEl.hasClass('hidden'))aboutEl.removeClass('hidden');
        });


     })();

标签： javascripthtml