스크롤 할 때 슬라이더 애니메이션

다이앤 뒤 케인

내 웹 사이트에서 사용자가 슬라이더로 "재생"할 수 있도록 슬라이더에 애니메이션을 적용하고 싶습니다. 사용자가 볼 수있을만큼 충분히 스크롤했을 때만 슬라이더가 애니메이션을 시작하도록하고 싶습니다. 성공하지 못한 채 Waypoint를 구현하려고했습니다.

그것을 만드는 순수한 Angular 방법이 있습니까?

감사.

다이앤 뒤 케인

누군가에게 항상 유용 할 수 있습니다.

나는 화면에서 슬라이더를보기 시작할 때 슬라이더가 애니메이션되도록 슬라이더의 값을 업데이트하기 위해 반복되는 간격으로 상단 q 함수에서 특정 양의 픽셀에서 트리거되는 지시문을 만들었습니다.

if (this.pageYOffset >= 1300 ) {
      var iteration = 0;
          var interval = setInterval(function(){
           iteration += 1;
            if(iteration === 10){
                 clearInterval(interval);
                  }
           scope.slider += 1;
           }, 10);
       }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

SwiftUI에서 스크롤 할 때 헤더 애니메이션

분류에서Dev

스크롤 할 때 애니메이션이 취소됨

분류에서Dev

애니메이션 할 때 스크롤바 비활성화

분류에서Dev

스크롤 할 때 애니메이션을 튕기는 방법?

분류에서Dev

애니메이션으로 스크롤 할 때 UITableView 높이 변경

분류에서Dev

WPF에서 스크롤 할 때 애니메이션 된 ListBox 항목

분류에서Dev

애니메이션 및 스크롤을 사용할 때 깜박임

분류에서Dev

아래로 스크롤 할 때 상단에 div 접미사 애니메이션

분류에서Dev

사용자가 특정 섹션으로 스크롤 할 때 트리거되는 애니메이션

분류에서Dev

왼쪽에서 스크롤 할 때 div에서 슬라이드

분류에서Dev

애니메이션-스크롤을 시작할 때 텍스트가 흐릿 해짐

분류에서Dev

애니메이션 할 때 UILabels 텍스트가 사라짐

분류에서Dev

SwiftUI-목록을 스크롤 할 때보기의 애니메이션이 중지됨

분류에서Dev

jQuery 페이드 인 또는 특정 지점을지나 스크롤 할 때 애니메이션

분류에서Dev

Flutter 슬라이더는 엄지 막대로 드래그 할 때만 스크롤되어야합니다.

분류에서Dev

시간 초과 클래스가 시작되기 전에 위로 스크롤 할 때 슬라이더 닫기

분류에서Dev

스크롤 위치 기반 자바 스크립트 애니메이션이 위로 스크롤 할 때 원래 상태로 돌아 가지 않습니다.

분류에서Dev

react-spring에서 스크롤 할 때 블록의 애니메이션을 어떻게 시작합니까?

분류에서Dev

Objective C가 tablview에서 스크롤 할 때 잘못된 버튼을 애니메이션합니다.

분류에서Dev

슬라이딩 애니메이션으로 표시 할 때 부트 스트랩 경고의 이상한 동작

분류에서Dev

onScroll 요소에 애니메이션을 적용 할 때 정확한 스크롤 위치를 얻는 방법

분류에서Dev

Div의 일부를 지나서 스크롤 할 때 카운터 애니메이션?

분류에서Dev

사용자가 위로 스크롤 할 때 애니메이션 화살표 숨기기

분류에서Dev

div에서 한 번 스크롤 할 때 숫자에 JQuery 애니메이션 실행

분류에서Dev

특정 div의보기에서 스크롤 할 때만 활성 CSS 애니메이션

분류에서Dev

(jQuery) 스크롤 할 때 스크롤 가능한 div 내부의 요소에 애니메이션을 적용하는 방법은 무엇입니까?

분류에서Dev

iOS-TableView willDisplayCell 애니메이션은 사용자가 맨 위로 스크롤하지 않고 아래로 스크롤 할 때만 발생합니다.

분류에서Dev

jquery 창 스크롤에서 분할 애니메이션 문제

분류에서Dev

Elasticsearch : 슬라이스와 함께 스크롤 API를 사용할 때 빈 슬라이스

Related 관련 기사

  1. 1

    SwiftUI에서 스크롤 할 때 헤더 애니메이션

  2. 2

    스크롤 할 때 애니메이션이 취소됨

  3. 3

    애니메이션 할 때 스크롤바 비활성화

  4. 4

    스크롤 할 때 애니메이션을 튕기는 방법?

  5. 5

    애니메이션으로 스크롤 할 때 UITableView 높이 변경

  6. 6

    WPF에서 스크롤 할 때 애니메이션 된 ListBox 항목

  7. 7

    애니메이션 및 스크롤을 사용할 때 깜박임

  8. 8

    아래로 스크롤 할 때 상단에 div 접미사 애니메이션

  9. 9

    사용자가 특정 섹션으로 스크롤 할 때 트리거되는 애니메이션

  10. 10

    왼쪽에서 스크롤 할 때 div에서 슬라이드

  11. 11

    애니메이션-스크롤을 시작할 때 텍스트가 흐릿 해짐

  12. 12

    애니메이션 할 때 UILabels 텍스트가 사라짐

  13. 13

    SwiftUI-목록을 스크롤 할 때보기의 애니메이션이 중지됨

  14. 14

    jQuery 페이드 인 또는 특정 지점을지나 스크롤 할 때 애니메이션

  15. 15

    Flutter 슬라이더는 엄지 막대로 드래그 할 때만 스크롤되어야합니다.

  16. 16

    시간 초과 클래스가 시작되기 전에 위로 스크롤 할 때 슬라이더 닫기

  17. 17

    스크롤 위치 기반 자바 스크립트 애니메이션이 위로 스크롤 할 때 원래 상태로 돌아 가지 않습니다.

  18. 18

    react-spring에서 스크롤 할 때 블록의 애니메이션을 어떻게 시작합니까?

  19. 19

    Objective C가 tablview에서 스크롤 할 때 잘못된 버튼을 애니메이션합니다.

  20. 20

    슬라이딩 애니메이션으로 표시 할 때 부트 스트랩 경고의 이상한 동작

  21. 21

    onScroll 요소에 애니메이션을 적용 할 때 정확한 스크롤 위치를 얻는 방법

  22. 22

    Div의 일부를 지나서 스크롤 할 때 카운터 애니메이션?

  23. 23

    사용자가 위로 스크롤 할 때 애니메이션 화살표 숨기기

  24. 24

    div에서 한 번 스크롤 할 때 숫자에 JQuery 애니메이션 실행

  25. 25

    특정 div의보기에서 스크롤 할 때만 활성 CSS 애니메이션

  26. 26

    (jQuery) 스크롤 할 때 스크롤 가능한 div 내부의 요소에 애니메이션을 적용하는 방법은 무엇입니까?

  27. 27

    iOS-TableView willDisplayCell 애니메이션은 사용자가 맨 위로 스크롤하지 않고 아래로 스크롤 할 때만 발생합니다.

  28. 28

    jquery 창 스크롤에서 분할 애니메이션 문제

  29. 29

    Elasticsearch : 슬라이스와 함께 스크롤 API를 사용할 때 빈 슬라이스

뜨겁다태그

보관