반응형 모달 슬라이딩 애니메이션

반응 및 CSS에 모달을 구현했으며 현재 열 때 모달이 아래쪽에서 위로 미끄러지는 슬라이드 업 애니메이션을 구현했지만 닫으면 아래로 내려가고 싶습니다. 스와이프, 어떻게 해야 할지 모르겠습니다. 아래로 스와이프 애니메이션을 정확하게 생성하려면 누구든지 도와줄 수 있나요? 코드=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29 0  1  571

"모달" 창을 여는 방법 살펴보기

카드를 클릭하면 제품에 대한 정보가 포함된 "모달 창"이 열리도록 하려면 어떻게 해야 합니까? <divclass="card"><divclass="imgBox"><imgsrc="./img/bau.png"alt="Produto" class="mouse"></div>&l

P粉277464743 2023-09-09 21:27:12 0  1  476

오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.라는 제목이 다음과 같이 다시 작성됩니다. 오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.

Flexbox를 사용하여 유용한 모달을 만들려고 시도하는 동안 브라우저 문제로 보이는 것을 발견하고 알려진 수정 사항이나 해결 방법이 있는지 또는 수정 방법에 대한 아이디어가 있는지 궁금했습니다. 내가 해결하려는 문제에는 두 가지 측면이 있습니다. 첫째, 모달 창을 수직으로 중앙에 배치하면 예상대로 작동합니다. 두 번째는 외부 스크롤을 사용하여 모달 창을 스크롤하도록 만드는 것입니다. 그러면 내부 콘텐츠가 아닌 전체 모달 창이 스크롤됩니다. 이 방법을 사용하면 모달 범위를 넘어 확장할 수 있는 드롭다운 메뉴 및 기타 UI 요소를 가...

P粉854119263 2023-08-22 14:58:06 0  2  496

javascript - 모달 창 정보, 현재 창을 닫고 이전 창을 새로 고침

1. 팝업 상자(Modal)에서 데이터 추가를 클릭하면 두 번째 창(Modal)이 팝업됩니다. 두 번째 창(Modal)에서 데이터를 생성하고 저장한 후 첫 번째 MODAL에서 데이터를 새로 고치는 방법은 무엇입니까? 코드는 다음과 같습니다. 추가하려면 클릭하세요. 두 번째 팝업 상자를 팝업하는 코드는 다음과 같습니다. 새 페이지 팝업 2. 데이터 추가 후 저장 3.

迷茫 2017-05-19 10:16:47 0  2  605

vim - 숨겨진 창을 불러오는 방법은 무엇입니까?

vim test.htmlvsplit test.csssplit test.js 세 개의 창이 나타납니다. 커서를 왼쪽 아래로 이동시킨 후 :hide 명령을 입력하면 왼쪽과 오른쪽에 창이 2개만 남게 됩니다. 창이 아무리 많아도 오른쪽의 test.html은 그대로 유지됩니다. 1. 창 2개만 유지하면서 사용하세요..

阿神 2017-06-19 09:07:54 0  1  2025

버튼을 클릭할 때 이 애니메이션 클래스를 모달에 어떻게 추가할 수 있나요?

모달에서 "x" 버튼을 클릭하면 애니메이션이 발생하기를 원하지만 현재는 애니메이션이 없이 모달이 닫히고 모달을 다시 열면 아무 것도 클릭하지 않고 애니메이션이 발생하는 상황이 발생합니다. 이것은 현재 애니메이션 클래스 코드입니다. .scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19 0  1  465

html5 - 부트스트랩 열기 모달 창으로 인해 발생하는 페이지 지터 문제를 해결하는 방법은 무엇입니까?

인터넷에 있는 방법들을 참고해서 문제를 해결하지 못했는데 페이지 지터 {코드...} 문제를 해결하는 방법이 있는지 궁금합니다.

阿神 2017-06-24 09:43:55 0  2  980

javascript - angle-ui-bootstrap 모델 모달 상자의 위치를 ​​조정하는 방법

프로젝트에서는Angular에서 제공하는 ui컴포넌트 ui-bootstrap의 모달박스를 사용하고 있는데, 트리거된 후 전체 창에 표시되는 위치가 중앙보다 약간 위쪽에 너무 가깝게 표시되었으면 좋겠습니다. 창 중앙에 어떤 매개변수를 사용해야 하는지 아시나요?

怪我咯 2017-06-26 10:54:53 0  1  826

javascript - 각도 모델 캡슐화 지시어

요구사항은 다음과 같습니다. 버튼을 클릭하면 페이지에 모달 상자가 나타납니다. 이 창에는 선택 드롭다운 선택 상자가 있습니다. 사용자가 선택한 후 확인 버튼을 클릭하거나 취소 버튼을 직접 클릭하여 닫습니다. 모달 상자. 비슷한 일을 해본 사람이 있나요? 조언 좀 부탁드립니다.

女神的闺蜜爱上我 2017-06-12 09:30:28 0  1  703

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

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

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

Vim은 NertTree 창의 크기를 어떻게 자동으로 조정하나요?

때로는 웹 페이지나 다른 것을 보기 위해 vim 터미널의 크기를 변경해야 할 때가 있습니다. 이때 NerdTree의 크기는 기본 창과 함께 이동하거나 좁힐 수 없습니다. 이 움직임에 따라 좁아지도록 설정하는 방법입니다. 또는 전체 vim 인터페이스의 크기를 동적으로 얻는 방법.

大家讲道理 2017-05-16 16:34:39 0  1  676

HTML 컨테이너의 크기를 동적으로 변경하는 방법은 무엇입니까?

창에 따라 크기가 동적으로 변경되는 배경인 컨테이너 div가 있습니다. 해당 컨테이너 안에는 이미지 div가 있고 배경 컨테이너를 사용하여 크기를 변경하고 싶습니다. 백분율 높이와 너비를 사용해도 동적으로 크기를 조정할 수 없는 것 같습니다. 누구든지 나를 올바른 방향으로 안내할 수 있습니까? @importurl("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800");*{box-sizi

P粉418214279 2024-04-03 20:38:38 0  1  407

React 경고: useEffect에서 상태를 업데이트할 때 업데이트 깊이가 최대 제한을 초과했습니다.

부울 변수를 포함하는 객체인 상태 변수를 업데이트하려고 합니다. 데이터를 사용할 수 있게 되면(버튼 클릭 시 호출된 API 호출에 대한 응답으로) useEffect 내에서 상태를 업데이트합니다. 그런 다음 이 데이터를 사용하여 또 다른 구성 요소인 모달을 호출하고, 사용할 수 있는 데이터가 없으면 다른 모달을 표시합니다. 팝업을 닫으면 상태 변수가 업데이트되어야 합니다. const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  567

Restful - nginx는 해당 요청이 .php 일치가 없는 동적 요청임을 어떻게 알 수 있나요?

이제 많은 RESTful 프레임워크 또는 pathinfo 라우팅 모드를 지원하는 프레임워크는 URL에서 항목 파일 index.*를 숨깁니다. 그렇다면 이 경우 요청이 프로그램 처리가 필요한 동적 요청인지, 아니면 정적 파일 요청인지 확인할 수 있도록 nginx를 구성하는 방법은 무엇입니까?

黄舟 2017-05-16 17:26:50 0  2  873

Javascript Html CSS를 로드할 때 숫자 카운터 애니메이션 프리로더 창

내 포트폴리오 웹사이트에 숫자 카운터 애니메이션을 만들고 싶습니다. 완전히 로드되면 프리로더에서 웹 사이트로 전환되는 이전 웹 사이트에 일부 jquery 코드가 있습니다. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>숫자 카운터 애니메이션을 추가하고 측면 방향을 추가하는 방법

P粉523625080 2023-09-11 22:37:54 0  1  664

게임 개발 - MVC의 애니메이션(모델)을 이해하는 방법은 무엇입니까?

MVC에서는 데이터가 모델에 저장되고 뷰는 모델의 데이터에 따라 렌더링됩니다. 그러나 애니메이션의 경우 그라디언트 프로세스 중에 일부 상태가 생성되며 이러한 상태는 속하지 않습니다. 이를 위해 MVC 모델은 다음의 요구 사항을 어떻게 해결합니까?

巴扎黑 2017-05-16 17:06:27 0  1  449

null 속성을 읽을 수 없습니다('변환' 읽기). 무슨 뜻이에요?

Chartjs 라이브러리를 통해 axios의 동적 데이터를 사용하여 차트를 만들었습니다. 그러나 브라우저 차트를 새로 고치면 먼저 다음과 같은 항목이 없습니다. 브라우저 창 크기를 변경하면 모든 차트에 다음이 표시됩니다. 콘솔에서 오류 발생: UncaughtTypeError: Cannotreadpropertiesofnull(reading'transition')atChart .transition(Chart.js?473e) :9865:1)에

P粉207483087 2024-01-10 16:36:20 0  1  471

변환된 요소가 넘치는 것을 방지하고 자동으로 잘라내는 방법은 무엇입니까?

저는 친구의 개인 웹사이트를 위한 모달 갤러리를 만들기 위해 Bootstrap4를 사용하고 있습니다. 마우스를 올리면 이미지가 확장되도록 설정했지만 오버플로를 자동으로 설정하면 모달(또는 div) 가장자리에서 잘립니다. 갤러리는 탭 집합의 세 번째 탭이기도 하지만 모두 훌륭하게 작동합니다. Overflow-auto 클래스가 있는 div를 변경하려고 시도했지만 모두 다르게 태그를 지정해 보았지만 무엇을 시도해도 갤러리가 스크롤되고 내 이미지가 스크롤되도록 만드는 방법을 알 수 없습니다. 마우스 오버 시 흐려지지 않습니다. 잘라냅니다....

P粉242535777 2023-09-07 20:04:02 0  1  585

모든 레코드를 표시하기 위해 JSRuntime에서 창을 인쇄하는 방법은 무엇입니까?

저는 Blazor 서버 프로젝트를 진행 중입니다. 요구 사항 중 하나는 기록을 팝업 창에 표시한 다음 PDF 문서로 인쇄하는 것입니다. 레코드가 너무 많아 한 페이지에 들어갈 수 없는 경우 PDF는 단일 페이지로만 저장됩니다. PDF의 첫 페이지에 표시할 수 있는 레코드가 몇 개만 있다는 뜻입니다. PDF에 모든 기록을 표시하는 방법은 무엇입니까? CSS 때문인가요? 모달은 다음과 같습니다. @page"/dialogcard/{Order}"@usingIMS.CoreBusiness@usingIMS.UseCas

P粉139351297 2024-03-19 19:57:53 0  1  424

창이 90% 미만으로 줄어들면 jQuery 상단 스크롤 막대가 작동하지 않습니다.

저는 ASP.NETVB를 사용하고 있으며 기본 하단 스크롤 막대를 시뮬레이트하는 상단 스크롤 막대를 구현했습니다. 무슨 이유에서인지... 창 크기를 조정할 때 크기가 90% 미만이 되면 상단 스크롤바가 작동을 멈춥니다... 크기가 90% 이상으로 돌아가자마자 계속 작동합니다... 찾고 있어요 해결책이나 도움이 확실하지 않습니다. 너비를 너비의 90%로 제한하려고 시도했지만 여전히 작동했지만 작동하지 않았습니다. 90% 미만의 크기 조정 작업이 문제의 유일한 원인인 것 같습니다. 문제... 너비 자체는 아니지만... 틀릴 수도 있습니...

P粉238433862 2023-09-12 12:33:19 0  1  658