javascript
  • jquery
  • css
  • animation
  • 2016-06-14 6 views 0 likes 
    0

    jQuery 애니메이션 스크롤 플러그인 (https://github.com/mpalpha/animate-scroll)을 사용하여 요소에 포커스가있을 때 애니메이션을 적용합니다.스크롤로 jQuery 애니메이션 적용

    내 HTML에서 애니메이션 기능을 인라인으로 사용하는 방법입니다.

    <article class="article1" data-animate-scroll='{"x": "0","y": "100", "alpha": "0", "duration": "0.7"}'></article> 
    

    이것은 내가 스크립트를 호출하는거야 방법입니다

    $(document).animateScroll();  
    

    애니메이션이 작동하는 것 같군. 애니메이션에는 몇 가지 문제가 있습니다.

    예를 들어 어린 애들을위한 트리트먼트가 스크롤되면 비어 있습니다. 스크롤에 대한 사춘기 치료 후에도 비어 있습니다. 또한 첫 번째 스크롤시에만 한 번만 움직여야합니다.

    어떻게 해결할 수 있습니까?

    답변

    0

    이 라이브러리 : 불투명도 https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js

    세트 효과 : 0 요소를 통해 때 스크롤.

    +0

    예. 하지만 요소가 스크롤 될 때 불투명도는 1이어야합니다. 실제 페이지에서 요소가 스크롤 될 때도 거기에있을 필요가없는 빈 공간이 많이 있음을 볼 수 있습니다. 그래서 뭔가 다른 것이 틀림 없습니까? –

    관련 문제