스크롤 진행 애니메이션

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

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

javascript - JS 함수의 매개변수 범위 문제

1. 더 많은 기능을 로드하기 위해 드롭다운 스크롤바를 작성했습니다. 코드는 다음과 같습니다. dropload 이벤트는 페이지 A에 처음 진입할 때 ajaxModel 함수가 트리거되고, 메소드와 매개변수가 전달됩니다. 그러나 이 데이터 화면이 표시되면 스크롤 휠을 사용하여 아래로 스크롤하여 데이터를 로드합니다...

巴扎黑 2017-06-26 10:52:31 0  1  693

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

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

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

완전성 진행 표시줄을 표시하기 위해 thinkphp에서 이력서 양식을 작성하는 방법

1. 채용 웹 사이트 프로젝트에서 개인 이력서 페이지가 7개의 작은 테이블로 나누어져 있습니다. 전체 이력서 테이블을 완성할 수 있는 방법이 있습니까? 2. 템플릿에 수동으로 입력한 값은 얼마나 됩니까? 3. 이를 달성하기 위해 어떤 방법을 사용할 수 있습니까?

迷茫 2017-05-16 13:16:20 0  1  607

화면의 CSS 센터 팝업은 컴퓨터와 태블릿에서는 작동하지만 휴대폰에서는 작동하지 않습니다.

CSS를 사용하여 화면 중앙에 도움말 팝업을 표시해 보세요. 내 컴퓨터와 ipad에서는 잘 작동하지만 iPhone에서는 팝업이 스크롤 가능한 전체 수직 공간 내에서 수직 중앙에 위치하므로 팝업을 보려면 가끔 위나 아래로 스크롤해야 합니다. 호출할 때 현재 보이는 화면의 중앙에 위치하도록 하고 싶습니다. (페이지 높이는 정적이지 않습니다. 즉, 사용자 활동에 따라 늘어나고 줄어듭니다.) 관련 CSS는 다음과 같습니다. .helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  362

TailwindCSS를 사용하여 이미지를 연속적으로 동일한 크기로 설정할 수 없습니다.

TailwindCSS를 사용하여 페이지 디자인을 만들고 있습니다. 구성요소와 이미지를 같은 크기로 설정할 수 없습니다. Flex, Wrap, div 또는 이미지의 너비 변경 등 몇 가지 조합을 시도했지만 해결책을 찾을 수 없습니다. 내가 원하는 결과는 각 영화에 다음과 같은 이름을 가진 동일한 크기의 이미지가 포함된 동일한 크기의 직사각형이 포함된다는 것입니다. 또한 오버플로의 경우 x 스케일에서는 스크롤할 수 있지만 y 스케일에서는 스크롤할 수 없기를 원합니다. 나는 그것을 할 수 있었지만 그것을 유지하고 올바른 크기도 가져야 합...

P粉978742405 2024-02-17 12:27:00 0  1  420

제목이 다음과 같이 변경됨: CSS3의 100vh 값은 모바일 브라우저에서 고정되지 않습니다.

매우 이상한 문제가 있습니다... 제가 접한 모든 브라우저와 모바일 버전에는 다음과 같은 동작이 있습니다. 페이지를 로드할 때 모든 브라우저에는 상단 메뉴(예: 주소 표시줄 표시)가 있습니다. 페이지 스크롤을 시작하면 그것은 위로 미끄러진다. 때로는 100vh가 뷰포트의 보이는 부분에서만 계산되므로 브라우저 표시줄이 위로 슬라이드되면 100vh가 증가하고(픽셀 단위) 사용자 경험을 위해 모든 레이아웃이 다시 그려지고 크기가 조정됩니다. 효과가 좋지 않으면 이런 문제가 발생하나요? 처음 뷰포트 높이에 대해 들었을 때 너무 기뻤습니다.

P粉682987577 2023-08-21 16:49:22 0  2  483

CSS는 다른 기술 없이 수평 버튼을 구현합니다.

가장 긴 버튼의 너비를 기준으로 동일한 너비의 두 개의 가로 버튼을 만들려고 합니다. 각 버튼의 텍스트 내용은 사용자가 별도의 페이지에서 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. 버튼을 가장 긴 텍스트의 길이에 맞게 조정하되 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. 버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. 전체 텍스트가 맞지 않으면 줄 바꿈할 버튼의 텍스트가 필요합니다. <divclass=&...

P粉893457026 2023-09-04 12:29:02 0  1  575

구성 요소가 뷰포트에 있을 때만 발생하도록 React 및 React 쿼리에 대한 데이터 쿼리를 최적화합니다.

React를 사용하여 게시물 구성 요소 목록을 렌더링하는 페이지가 있고, 각 게시물 구성 요소에 대해 해당 게시물과 관련된 댓글을 가져와 ReactQuery 라이브러리를 사용하여 내부에 표시합니다. 문제는 사용자가 게시물 페이지를 로드할 때 ReactQuery가 모든 게시물에 대한 모든 댓글을 한 번에 로드하므로 백엔드 속도가 느려진다는 것입니다. 페이지가 렌더링될 때 모든 내용을 한 번에 로드하는 대신 사용자가 특정 게시물로 스크롤할 때만 댓글을 로드하는 메커니즘을 구현하고 싶습니다. React와 ReactQuery를 사용하여 이...

P粉714890053 2023-08-28 17:26:18 0  1  538

javascript - jQuery 또는 Canvas 일체형 디스플레이 효과 아이디어 솔루션

그림에서 볼 수 있듯이 신용 점수 100은 Angular.js를 통해 바인딩된 데이터입니다. 이제 jQuery나 Canvas를 사용하여 신용 점수 페이지에 특수 효과를 만들어야 합니다. 사용자의 시작 신용은 100이고 작은 흰색 원이 표시됩니다. 맨 오른쪽에 있습니다. 그러면 사용자의 신용 점수가 100점을 초과하면 증가하거나 감소합니다.

怪我咯 2017-05-19 10:28:23 0  4  589

장치 디스플레이 모드가 어두울 때 Flutter 웹 앱에서 텍스트 색상을 검은색으로 설정하는 방법은 무엇입니까?

Flutter에서 웹 앱을 만들었고 예상대로 작동하지만 일부 모바일 장치(특히 Samsung 장치의 기본 브라우저, Chrome에서는 제대로 작동함)에서 문제가 있습니다. 로그인 페이지에서 내 페이지 배경색은 흰색이고 텍스트 양식 필드 텍스트 색상은 검은색인데 텍스트 양식 필드에 입력하려고 하면 흰색으로 표시됩니다(장치 디스플레이 테마가 어두운 경우). 검정색으로 하드코딩을 시도했지만 어두운 테마에서는 작동하지 않습니다. MaterialApp에서 테마를 적용해 보았지만 아무 효과가 없었습니다.

P粉216807924 2023-09-11 20:16:42 0  1  552

VueJS 스케줄링 기능의 실행 순서로 인해 문제가 발생함

공지 사항 목록(API에서 검색)을 페이지에 표시하려고 합니다. 저는 Vuex 스토어를 사용하고 있으며 Announcements라는 상태가 있습니다. 또한 사용자가 페이지를 새로 고치거나 들어갈 때마다 이 목록이 업데이트되기를 원합니다. 그래서 저는 라이프사이클 후크, 특히 Mounted()를 사용했습니다. 클럽 ID를 매개변수로 사용하는 디스패치 함수가 있습니다. 문제는 Vue 구성 요소의 공지 사항 배열에 액세스하려고 하는데 Vuex 스토어의 버전보다 한 단계 느리다는 것입니다. 다음 콘텐츠는 Vue 구성 요소 ClubDetai...

P粉412533525 2024-04-06 10:37:58 0  1  532

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  761

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  696

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  591

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  544

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  976

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  493

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  677