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

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

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

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

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 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

javascript - 스크롤 스크롤 문제

1. https://www.kayak.com.hk/holi... 본 사이트의 효과가 주된 효과입니다. 스크롤 막대를 슬라이드하면 오른쪽 div가 아래로 스크롤되고 왼쪽 div도 그에 따라 스크롤됩니다. 하지만 왼쪽 div가 너무 길기 때문에 윗부분을 숨겨야 이 효과를 얻을 수 있습니다. ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  945

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  511

오버플로 사용에 대한 질문: 수레를 지우기 위해 숨겨짐

일반적인 상황에서는 float의 상위 요소에overflow:hidden;을 설정하면 float가 지워질 수 있습니다. 어떤 사람들은 신체가 명확하지 않다고 말합니다. 이는 일반적인 흐름에 속하므로 설명할 수 있는 사람이 있습니까?

世界只因有你 2017-05-16 13:36:43 0  1  919

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  595

javascript - js 스크롤 슬라이드 항목이 상단 근처에 표시되어 상단에 표시됩니다.

지금 구현하고 싶은 기능은 슬라이딩 목록을 슬라이드하는 것입니다. 슬라이딩이 정지되면 상단에 가까운 항목이 상단에 표시됩니다. 이렇습니다: (힘은 가벼울 수도 있고 무거울 수도 있으며, 슬라이드가 가만히 있을 때 어디에서나 멈출 수 있습니다.) 혹시 이런 효과를 보신 분 계시나요? 조언 부탁드립니다...

PHP中文网 2017-07-07 10:34:23 0  1  3413

javascript - mousdown 이벤트에 대한 질문입니다.

도와주세요.$.animate를 사용하여 페이지 요소 mousdown을 기반으로 이벤트를 구현했는데 문제를 발견했습니다. 마우스를 연속으로 여러 번 클릭하면 원하는 효과가 여러 번 반복됩니다. 달성하려면 클릭할 때마다 처음부터 시작해야 합니다. 여러 번 클릭하면 다음과 같은 여러 mousdown 이벤트가 생성됩니다.

世界只因有你 2017-05-19 10:14:34 0  1  412

javascript - js의 현재 페이지 상단에 있는 dom 요소를 가져오는 방법입니다.

주로 Baidu Encyclopedia의 오른쪽 탐색 모음과 유사한 효과를 얻고 싶습니다. 페이지가 스크롤됨에 따라 오른쪽의 탐색 표시줄도 변경됩니다. 감사해요. http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  644

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

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

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

javascript - 특정 요소의 상단으로부터의 거리를 얻기 위해 휴대폰 화면을 슬라이드하는 방법은 무엇입니까? 동시에 이 값을 다른 함수에서 참조할 수 있나요?

제목에서 알 수 있듯이 제가 원하는 것은 휴대폰 화면을 슬라이드하는 것입니다. 요소가 위에서 특정 값(예: 200px)에 도달했을 때 화면에 나타나는 팝업 버튼을 클릭하면 해당 요소의 위치가 변경됩니다. 팝업 레이어는 위에서 200px이 됩니다. {Code...} Want 이 효과가 달성되고 거리 값을 얻을 수 있지만 show 함수에서는...

PHPz 2017-05-18 11:02:18 0  2  583

javascript - 상위 항목은 상대 위치를 설정합니다. 하위 요소는 절대 위치 지정으로 설정됩니다. 하위 요소에는 부동 테이블이 포함되어 있으며 지금은 높이를 조정할 수 없습니다.

1. 테이블에 캐러셀을 구현하므로 각 테이블의 tr이 다릅니다. 테이블에 따라 높이가 달라집니다. 상위 항목은 Overflow:hidden을 사용하고 상대적으로 배치됩니다. 높은 적응성을 달성하는 방법을 알려주십시오. 2. 캐러셀 중에 현재 표시된 테이블의 높이를 얻는 방법은 무엇입니까? ? ? {...

仅有的幸福 2017-07-05 10:48:58 0  2  858

WeChat 공식 계정에 대해 온라인으로 매개변수를 사용하여 QR 코드를 생성하는 방법은 무엇입니까?

매개변수가 포함된 QR 코드는 팬 소스를 모니터링하고, 프로모션 효과를 파악하거나, 고급 구현을 위해 핵분열 포스터를 자동으로 생성할 수 있습니다. . . #微信도움말 기능 구현에 대한 답변이 있습니까?

whb2010 2019-03-07 15:31:01 0  2  1211

javascript - iOS의 WeChat 조건을 통해 오디오 재생을 트리거하는 방법은 무엇입니까?

다음 코드는 페이지가 11.mp3을 재생하기 위해 특정 범위로 슬라이드한 다음 22.mp3를 재생하기 위해 특정 범위로 슬라이드하는 것을 구현하려고 합니다. 이때 11.mp3는 뒤로 슬라이드하면 22.mp3이 일시 중지되고 재생됩니다. 일시 정지 및 11.mp3 재생. 현재 코드는 다음과 같습니다. 첫 번째 로드 중에 적극적으로 재생을 한 번 클릭하지 않으면 가능하지 않습니다.

世界只因有你 2017-05-18 11:00:50 0  2  565

Redis에서 정렬 집합 순서 컬렉션에 대해 키 길이를 설정할 수 있습니까?

실시간으로 상위 100위를 기록하는 효과를 얻고 싶습니다. 장소 수가 100개가 되면 정렬 집합 컬렉션에 추가되면 101번째 데이터가 자동으로 정렬됩니다. 단, 정렬 후 101번째 데이터는 삭제해야 합니다. sortset에 키 길이를 제한하는 기능이 있나요? 예를 들어 키를 100으로 제한하고 101이 들어온 후에 정렬합니다.

phpcn_u1582 2017-05-16 13:18:20 0  1  858

javascript - svg 초보자, svg에 그림을 삽입하고 싶습니다

코드는 위와 같습니다. svg에 그림을 삽입하고 그림에 애니메이션을 적용하고 싶지만 효과가 없습니다.

代言 2017-06-24 09:44:02 0  1  862

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  492

javascript - 오디오 태그 일시중지 관련 질문

{코드...} 코드는 위와 같습니다. 배경음악의 페이드인과 페이드아웃을 구현하기 위해 체크박스를 클릭하는 작은 기능을 만들고 싶은데 페이드아웃시에는, 볼륨이 0이 되면 자동으로 일시 정지되도록 하고 싶습니다. 그러나 볼륨이 0으로 변경된 후에도 진행률 표시줄은 계속 실행 중이었고 m1.pause()는 적용되지 않았습니다. . 진짜 해라...

迷茫 2017-06-20 10:07:02 0  3  993

css3 - 스크롤 막대가 아래로 내려갈 때 나타나는 페이지의 각 부분 효과를 얻는 방법은 무엇입니까?

웹사이트를 살펴보니 스크롤 막대가 아래로 내려가면서 페이지의 모든 부분이 처음 로드되었을 때와 동일한 효과가 나타납니다. 다시 새로고침하면 이러한 효과가 어떻게 다시 나타납니까? jquery 로드로 쓴건가요? 이 홈페이지 http://www.itxdl.cn/bra... 와 비슷하네요.

漂亮男人 2017-06-05 11:10:23 0  2  1809

javascript - vue.js의 모델 데이터 바인딩 문제

다음 코드에서 js의 el 요소가 즉시 입력의 효과를 얻기 위해 div의 id cc에 바인딩되어야 하는 이유는 무엇입니까? 반대로 입력의 id에 직접 바인딩되면 바인딩할 수 없습니다. 달성? 결국 모델의 메시지는 입력된 {code...}에 적용됩니다.

大家讲道理 2017-05-19 10:22:05 0  3  574