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

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

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

목표-c - Taobao 개인 설정 페이지, nagtionbar 애니메이션 효과로 이동하는 라벨, 수행 방법

타오바오 개인 설정 페이지에서 라벨이 나그션바로 날아가는 애니메이션 효과를 어떻게 만들 수 있나요? RT

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

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

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

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

angular.js - 페이지 슬라이딩 전환을 각도로 구현하는 방법 구체적인 효과는 일일 Youxian 홈페이지와 동일합니다.

1. Angular에서 슬라이딩 페이지 전환 구현 방법 2. {Code...} 3. Daily Excellent Fresh 홈페이지 스크린샷 효과 4. 'Daily Excellent Fresh'는 무슨 용도인지는 모르겠지만 전환이 부드럽고 데이터가 빨리 로드되고, 로드한 후 로컬 저장소가 사용되는지 모르겠고, 네트워크를 끄고, 슬라이드하여 페이지를 전환해도 페이지 내용이 남아 있습니다...

黄舟 2017-05-15 17:08:45 0  3  668

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

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

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

html - CSS 네비게이션 바가 흐려지고, 네비게이션 바가 고정되었으며, 페이지가 슬라이드되면서 아래 페이지가 흐려졌습니다.

오랫동안 인터넷에서 검색한 결과 아래 페이지에 동적으로 영향을 주어 흐릿하게 만들 수 있는 해결 방법을 찾지 못했습니다. 이것은 스테이션 B의 흐림 효과입니다. 정적입니다. 두 장의 동일한 그림을 사용하고, 한 장의 일부를 흐리게 하고 다른 그림과 병합하는 것이 원칙입니다. 내 생각은 AE와 유사한 조정 레이어에 가우시안 블러를 추가하여 아래 레이어에 실제 효과를 주는 것입니다.

大家讲道理 2017-05-24 11:36:02 0  2  1111

javascript - 스크롤 막대에 따라 페이지에서 고정 위치의 사이드바 위치를 동적으로 늘리는 방법은 무엇입니까?

요구 사항은 다음과 같습니다. 처음에는 페이지의 사이드바가 페이지의 특정 위치(예: 오른쪽: 0, 아래쪽: 0)에 고정되어 있습니다. 바닥글 부분을 접으면(아래 그림 참조) 특정 위치에 도달하면 스크롤 막대가 증가함에 따라 하단의 값이 증가합니다. 효과는 시작점과 유사합니다.

高洛峰 2017-06-26 10:53:43 0  2  974

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

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

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

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

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

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

스크롤 진행 애니메이션

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

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

javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

大家讲道理 2017-05-19 10:12:15 0  1  620

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46 0  1  422

스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다.

스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니다. 스크롤 함수에 Math.max()를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다. 랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다. constlandingHeight=document.getElemen...

P粉166675898 2024-04-04 23:50:53 0  1  1469

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

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

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

angular.js - ng-class 및 whirl.css 플러그인을 사용하여 로딩 애니메이션을 스타일에 표시합니다.

로딩 페이지에 whirl.css 플러그인을 사용하면 전환 애니메이션의 예상 효과가 나타납니다. 실제 상황:

滿天的星座 2017-05-15 17:11:55 0  1  751

angular.js - 각도 라우팅 페이지에 JavaScript 애니메이션 효과 추가

Angular Routing을 사용하면 ng-view에 표시된 서브페이지에 추가된 이미지 캐러셀과 같은 JavaScript 코드는 어디에 작성되나요?

怪我咯 2017-05-15 17:14:22 0  1  661

뷰포트에 있을 때만 Javascript 스크롤 IntoView

모형을 만들었습니다(비디오가 재생되는 동안 새 텍스트 줄로 스크롤할 때 간격을 사용한다는 점에 유의하세요). 저는 'nearest' 블록과 함께 scrollIntoView를 사용하고 있습니다. 문제는 전체 페이지가 스크롤되기 때문에 여전히 페이지를 스크롤한다는 것입니다. 나는 단지 linediv의 활성 텍스트 줄로 스크롤하기를 원합니다(보기에 있을 필요는 없습니다). 왜냐하면 "동영상" div를 보면 계속해서 아래로 스크롤되기 때문입니다(원치 않는 동작입니다). vartext=document.querySelecto...

P粉011684326 2023-09-11 16:33:49 0  1  504

스크롤 오프셋html

HTML과 CSS로 뭔가를 하려고 하는데 실제로 작동하는지 잘 모르겠습니다. 스크롤할 때 스크롤 속도를 늦추어 더 부드럽게 만드는 것과 같은 일종의 "지연"을 추가하고 싶습니다. 일부 사이트에서는 이렇게 합니다. 저는 다른 사이트와 다르게 스크롤되고 부드러워 보이는 일부 페이지를 본 적이 있습니다. 이것이 가능한가?

P粉205475538 2023-08-17 23:52:56 0  1  507

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

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

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

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

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

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