javascript - 프런트엔드 지도 애니메이션 효과를 구현하는 방법입니다.

아래 효과와 유사하게 아바타가 경로에 따라 움직일 수 있습니다. 저는 이런 애니메이션을 본 적이 없습니다. 프런트 엔드는 어떻게 구현되어야 합니까? 캔버스? webGL? 아니면 기성 프레임워크? 이 효과를 얻으려면 어떤 아이디어를 사용해야 하는지 전혀 모르겠습니다. . .

PHPz 2017-05-16 13:36:02 0  2  446

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

。 2018-01-31 16:19:16 0  1  1555

javascript - 스크롤 축이 앞으로 스크롤되고 롤백되는 이유는 무엇입니까?

스크롤 축이 롤링되면 효과가 합리적입니다. 즉, 지정된 위치에 도달하면 해당 일련 번호의 색상이 변경됩니다. 그러나 스크롤이 맨 아래에 도달하고 더 스크롤하면 지정된 것으로 나타납니다. 영역에 도달하지 못했습니다. 아래에 제공된 코드에서 해당 색상 스케일이 변경되었습니다....

某草草 2017-05-19 10:25:51 0  1  655

선택 이벤트가 변경되면 CSS 애니메이션이 해당 효과를 트리거합니다.

저는 React 앱을 만들려고 합니다. 지금은 포켓몬이 포함된 선택 입력 상자가 있습니다. 선택 항목이 변경될 때마다(예: 포켓몬이 변경될 때) 포켓몬 스프라이트가 약간 흔들리는 애니메이션을 수행해야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? onChange 및 스타일 구성 요소를 사용하여 스타일을 변경해 보았지만 작동하지 못했습니다. 애니메이션은 페이지가 로드될 때만 실행됩니다. 이것은 내 현재 코드입니다: Select.ts:i

P粉200138510 2024-04-01 09:16:28 0  1  497

javascript - 페이지 로딩 애니메이션 효과가 표시되지 않나요?

1. 현재 작업 중인 프로젝트는 데이터 테이블 페이지입니다. 백그라운드 쿼리가 오래 걸리기 때문에 사용자 경험을 향상시키기 위해 로드 애니메이션을 추가합니다. 애니메이션 로딩을 위한 플러그인에는 문제가 없지만 메소드 실행 중에 애니메이션 효과가 없는 것으로 확인되었습니다. 2. 코드를 직접 붙여넣으세요. JS 시작하기...

迷茫 2017-05-19 10:18:28 0  4  692

javascript - vue에서 뉴스 목록을 위아래로 스크롤하는 방법

이것은 루프에서 재생되는 데이터 부분입니다. {code...} 이것은 애니메이션 효과 없이 루프에서만 전환할 수 있는 현재 코드입니다. {code...}

淡淡烟草味 2017-05-19 10:43:20 0  3  853

javascript - 변환으로 스크롤 효과를 생성하려면 두 요소가 필요한 이유

작은 공의 포물선 효과를 얻기 위해 두 개의 애니메이션을 수행하기 위해 하나의 요소 <div class="ball"></div> ? 그런 다음 변환을 사용하여 x 및 y 축을 수정했는데 이렇게 쓰면 효과가 없는 것으로 나타났습니다. 그런데 왜? 이것...

滿天的星座 2017-05-19 10:18:02 0  2  816

javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다. jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 적용합니다. 그런데 반응이 어떨지 모르겠어요...

世界只因有你 2017-05-18 10:58:34 0  2  729

objective-c - 淘宝个人设置页面，lable 飞到nagtionbar 的动画效果，怎么搞

淘宝个人设置页面，lable 飞到nagtionbar 的动画效果，怎么搞？RT

PHPz 2017-05-02 09:37:22 0  1  949

javascript - Apple 휴대폰에서 CSS3 애니메이션 효과를 표시할 수 없습니다. 어떻게 해결하나요?

애니메이션 효과는 animate.css를 통해 구현됩니다. Android 휴대폰의 브라우저는 물론 WeChat 및 QQ도 모두 정상적으로 실행됩니다. 그러나 Apple 휴대폰에는 호환성 문제가 있습니다. 온라인 주소 https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1412

제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다. section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){ 배경 :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  568

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45 0  1  657

html - jquery에서 setInterval을 사용하여 루프에서 기어 스크롤 만들기

지금 만들고 있는 애니메이션은 마우스를 가리키면 스크롤 이벤트가 발생하는 것입니다. 우리가 만들고 싶은 애니메이션은 페이지가 로드된 후 일정 기간 후에 기어가 다시 롤아웃되는 것입니다. 시간의. 오른쪽 스크롤과 왼쪽 스크롤 모두 가능하지만 jquery에서 "일정 시간 후 + 롤아웃 후 롤백..."이라고 쓰는 방법을 모르겠습니다.

習慣沉默 2017-05-16 13:25:04 0  3  815

Chrome에서 스크롤 기능에 문제가 있는 경우가 있습니다.

내 사이트에서 스크롤 문제가 발생했는데 그 이유를 모르겠습니다. Chrome에서만 스크롤이 작동하지 않는 경우가 있습니다. 내가 작성한 모든 코드를 비활성화하려고 시도했지만 문제가 지속됩니다. 사파리에서는 스크롤이 잘 됩니다. https://mirkomina.com/ 문제를 유발하는 구체적인 내용은 없는 것 같습니다. 즉, 커서를 놓으면 문제가 발생하는 특정 위치를 찾을 수 없다는 의미입니다. 내가 작성한 모든 코드를 제거하고 스크립트를 비활성화해 보았습니다.

P粉817354783 2024-03-29 00:21:20 0  1  426

javascript - 페이지 전체 화면 스크롤

페이지가 특정 거리까지 스크롤된 후 전체 화면 스크롤이 실행되면 어떻게 해야 합니까? 예를 들어, 미지아 밥솥의 인기 레시피를 추천하는 섹션입니다.

天蓬老师 2017-05-19 10:36:36 0  2  820

스크롤 진행 애니메이션

스크롤 진행에 애니메이션을 적용하는 방법을 알아야 합니다. 이는 일반적인 스크롤 진행이 아니라 뭔가 다릅니다. 웹사이트 링크와 제가 찾고 있는 애니메이션이 포함된 특정 부분의 스크린샷을 제공하겠습니다. https://todoist.com/웹사이트 링크입니다. 웹사이트 홈페이지의 특정 섹션에 대한 스크린샷을 첨부했습니다. 페이지를 스크롤하면 섹션 내에서 스크롤이 발생하고 섹션 자체도 스크롤됩니다. 해당 스크롤 섹션이 완료되면 정상적으로 계속 스크롤하십시오. 스크롤 진행률 표시줄에 대한 많은 튜토리얼을 볼 수 있지만 이 특정 스타일의 ...

P粉821808309 2024-03-29 19:36:49 0  1  394

macos - Mac에서 iTerm2로 파일을 열 때 터치 스크린을 사용하여 스크롤할 수 없습니까?

Mac과 함께 제공되는 터미널은 Vim을 사용하여 파일을 열 수 있습니다. 파일에 여러 화면이 있는 경우 터치패드를 사용하여 스크롤할 수 있으므로 코드를 보는 데 매우 편리합니다. 그런데 iTerm2를 사용하여 파일을 열 때 터치 스크린을 사용하여 스크롤할 수 없습니다. 무슨 일인가요? iTerm2 아래에서 터치 스크린을 사용하여 스크롤할 수 있도록 어떻게 설정합니까?

伊谢尔伦 2017-05-16 16:34:00 0  1  774

javascript - 요소가 화면의 표시 영역 아래쪽으로 스크롤되었는지 확인하는 방법은 무엇입니까?

요소는 원래 화면의 보이는 영역 하단 위에 있었는데, 스크롤 막대를 위로 스크롤하면 요소가 화면 하단에 닿을 때 기능을 실행하고 싶습니다. 그럼 화면에 닿는 요소를 어떻게 캡쳐할 수 있을까요? 하단의 상황은 어떨까요?

给我你的怀抱 2017-05-19 10:26:18 0  3  743

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  834

javascript - 스크롤 이벤트가 버블링을 방지할 수 없는 이유는 무엇입니까?

요구 사항은 마우스가 페이지의 스크롤 막대가 있는 요소 내부에 있을 때 스크롤 이벤트가 트리거되어 본문 스크롤이 동시에 트리거되는 것을 방지한다는 것입니다. 직설적으로 말하자면, div 내부에서 마우스를 굴릴 때 div가 끝까지 스크롤되더라도 본문은 스크롤되지 않습니다. 버블링을 방지하기 위해 div에 스크롤 이벤트를 제공했습니다. 이 아이디어를 활용하고 싶습니다...

PHP中文网 2017-07-05 11:07:59 0  6  4232