Мои элементы не будут видны при прокрутке - PullRequest
Новая
       9

Мои элементы не будут видны при прокрутке

0 голосов
/ 13 ноября 2018

Я пытаюсь заставить изображения появляться при прокрутке вниз. Я пробовал несколько версий, но я не могу ничего показать. Вот мой текущий HTML: 

<div class="right">
   <div class="contact">
      <ul class="img">
         <li>
            <a href="mailto:maiverily@gmail.com" title="Email"> 
               <img class="social" src="img/email.svg">
            </a>
         </li>
         <li>
            <a href="https://www.instagram.com/maiverily/" title="Insta">
               <img class="social" src="img/instagram.svg">
            </a>
         </li>
         <li>
            <a href="https://www.linkedin.com/in/mai-walters-372851b6/" title="LinkedIn">
               <img class="social" src="img/linkedin.svg">
            </a>
         </li>
         <li id="resume">
            <a href="resumeNov2018.pdf" title="Resume">
               <img class="social" src="img/resume.svg">
            </a>
         </li>
      </ul>
      <img id="aboutme" class="banner"src="img/aboutme.png">
      <p class="aboutinfo"></p>
      <img id="interests" class="banner"src="img/interests.png">
      <p class="aboutinfo"></p>
      <img id="skills" class="banner"src="img/skills.png">
      <p class="aboutinfo"></p>
   </div>
   <img id="me" src="img/me.png">
   <div class="extender"></div>
</div>

и мой текущий Javascript 

    $(window).scroll(function(){
        if($(this).scrollTop()>0) {
           $(".aboutme").addClass("visible");
           } 
        else {
            $(".aboutme").removeClass("visible"); 

        }
    });
...