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

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

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

마우스를 올리면 애니메이션이 일시 중지되지만 마우스가 떠나면 계속되는 방법

나는 여러 가지 솔루션에 지쳤으며 이것이 내가 얻은 가장 가까운 솔루션입니다. 하지만 그 결과는 여전히 만족스럽지 않습니다. 마우스가 요소를 벗어나면 요소가 원래 회전으로 되돌아가기 때문입니다. 아이디어는 요소 위로 이동하면 마우스가 요소를 벗어나더라도 애니메이션을 트리거한다는 것입니다. 요소 위로 마우스를 가져가면 애니메이션이 재생되어 0도에 유지되고, 마우스가 떠나면 다른 애니메이션이 재생되어 다시 -8도로 회전합니다. consstelements=document.getElementsByClassName('로타

P粉786800174 2024-04-01 09:43:54 0  1  441

페이지 확대/축소를 위해 마우스 휠을 사용하고, 페이지를 이동하려면 클릭하고 드래그하세요.

마우스 휠을 사용하여 전체 페이지에 대한 스크롤 및 패닝 효과를 만드는 방법은 무엇입니까? 기본적으로 다른 2D 편집기와 마찬가지로 스크롤하여 확대/축소하고 클릭하고 드래그하여 이동하지만 몸체 전체에 적용됩니다. 온라인에서 이에 대한 정보를 찾을 수 없습니다.

P粉308783585 2024-03-26 14:11:27 0  1  325

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

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

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

스크롤 진행 애니메이션

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

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

javascript - 스크롤 막대 및 clientHeight 정보

작은 요정 스크롤바가 차지하는 위치가 정말 짜증납니다. 실제 결과에 따르면 스크롤바가 콘텐츠의 위치를 ​​차지하지만 표시되면 다음과 같은 블로그를 찾았습니다. 콘텐츠의 위치. (실제 효과에 따르면 테두리 옆에 표시됩니다. 테두리에...

天蓬老师 2017-05-19 10:47:31 0  1  666

javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  890

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

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

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  405

javascript - 모바일 단말에 미치는 작은 영향

아래로 스크롤하면 배경 이미지가 줄어듭니다. 질문: 이 애니메이션을 더 원활하게 작성하는 방법(모바일 버전)은 무엇입니까?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  789

javascript - 애니메이션을 표시하고 숨길 수 있는 좋은 솔루션이 있습니까?

예: 이 애니메이션과 동일한 효과가 있습니다. 먼저 div가 숨겨지고, 버튼을 클릭하면 애니메이션 효과가 나타납니다. 하지만 확실히 너무 복잡하게 작성했습니다. 더 간단한 솔루션이 있습니까(타사 라이브러리가 필요하지 않음)?

阿神 2017-06-30 09:59:55 0  5  1021

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  585

왜 animate 앞에 Stop()을 넣어야 할까요?

안녕하세요 선생님, 강좌 코드에 이런 코드가 있습니다. $('.block').stop().animate()의 애니메이션 효과. 왜 animate() 앞에 stop()을 넣어야 할까요?

善為 2019-01-09 10:51:29 0  2  1095

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

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

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

CSS - 애니메이션 색상 변경 문제

이는 초기 색상 값입니다. 자세한 내용은 데모를 참조하십시오. 그런데 애니메이션 효과를 작성한 후 색상 값이 변경되는 이유는 무엇입니까?

世界只因有你 2017-06-28 09:27:36 0  1  1208

오버플로: 스크롤하면 테이블의 숨겨진 열이 렌더링되지 않습니다. 무엇이 잘못되었나요?

기존 플라스크 애플리케이션에 반응 그리드를 통합하고 있습니다. 이를 수행하려면 사용자 정의 웹팩 구성을 사용하여 애플리케이션을 컴파일해야 합니다. 반응 구성 요소를 성공적으로 렌더링할 수 있지만 반응 그리드를 사용하고 오버플로:스크롤을 적용하면 테이블의 보이는 부분만 렌더링되고 나머지 스크롤 영역은 공백으로 유지됩니다. 오버플로 스크롤이 활성화된 ReactGrid의 gif를 보려면 여기를 클릭하세요. 오버플로 스크롤이 활성화되지 않은 ReactG를 보려면 여기를 클릭하세요.

P粉345302753 2023-08-17 13:55:29 0  1  448

javascript - 이 효과를 얻기 위해 CSS를 수정하는 방법

이제 얻은 효과는 다음과 같습니다. 아래에 스크롤 막대가 표시되지 않고 전체 빨간색 상자가 팝업 상자 오른쪽에 표시됩니다. 이를 달성하는 방법은 무엇입니까? 다음과 유사합니다. (PS에서 가져온 것입니다.) 다음은 내 코드입니다. 위의 요구 사항을 달성하려면 어떤 수정이 필요합니까? 감사해요! ! 코드는 다음과 같습니다: html...

学习ing 2017-07-05 11:06:58 0  2  956

javascript - 휴대폰 화면의 슬라이딩과 슬라이딩 화면 상단으로부터의 거리를 모니터링하는 방법은 무엇입니까?

휴대폰 화면의 슬라이딩을 모니터링하고 상단에서 스크롤 거리를 계산하는 방법은 무엇입니까? {코드...} 이렇게 쓰는 건 항상 0인가요? 모니터링 스크롤이 효과가 없습니다! 하나님께 물어보세요

黄舟 2017-05-19 10:11:07 0  4  640

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

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

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

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

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

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