페이지 위에 있는 요소의 오버플로로 스크롤할 수 없습니다.

페이지 크기를 조정하면 요소가 뷰포트 위로 오버플로되어 위로 스크롤하여 볼 수 없습니다. 해결책이 있는 질문을 찾았지만 작동하지 않았습니다. 두 개의 "핵심" 보이지 않는 div와 모든 콘텐츠를 포함하는 하나의 div 요소가 있습니다. 이 문제를 해결하려고 하기 때문에 "컨테이너" div가 존재합니다. .container{위치:고정;상단:0;왼쪽:0;너비:100%;높이:100%;z-index:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  621

javascript - 페이지 스크롤바가 나타날 때 페이지가 점프하는 것을 방지하는 방법

페이지 스크롤 막대가 나타날 때 페이지가 이동하는 것을 방지하는 방법 전제 조건: 1. ie8+2와 호환되어야 하며 페이지 높이는 콘텐츠에 따라 다릅니다(즉, 고정 높이인지 여부) 문제: 기본값 최신 브라우저의 스크롤 막대는 Overflow:auto 유형이지만 이제 오른쪽에 요소를 정의해야 합니다(.tips{ {code...} }...

迷茫 2017-06-26 10:54:16 0  1  943

javascript - 스크롤 이벤트가 버블링을 방지할 수 없는 이유는 무엇입니까?

요구 사항은 마우스가 페이지의 스크롤 막대가 있는 요소 내부에 있을 때 스크롤 이벤트가 트리거되어 본문 스크롤이 동시에 트리거되는 것을 방지한다는 것입니다. 직설적으로 말하자면, div 내부에서 마우스를 굴릴 때 div가 끝까지 스크롤되더라도 본문은 스크롤되지 않습니다. 버블링을 방지하기 위해 div에 스크롤 이벤트를 제공했습니다. 이 아이디어를 활용하고 싶습니다...

PHP中文网 2017-07-05 11:07:59 0  6  4275

페이지 제목과 페이지 앵커가 겹치는 문제 해결

HTML 페이지에 정의된 높이로 상단에 고정된 스크롤되지 않는 헤더가 있는 경우: URL 앵커(#fragment 부분)를 사용하여 브라우저가 페이지의 특정 위치로 스크롤되도록 하는 방법이 있습니까? JavaScript의 도움 없이도 고정 요소 높이를 존중합니까? http://example.com/#bar 오류(그러나 일반적인 동작): 올바른: +------------------ -- ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  583

javascript - iframe 삽입 페이지의 요소를 중앙에 배치하는 방법

iframe의 하위 페이지에 마우스 스크롤 시 중앙에 유지하려는 요소가 있지만 이전 방법을 사용하면 작동하지 않는 것 같습니다. 이유를 물어봐도 될까요? } id 박스는 중앙에 배치되어야 하는 요소이기 때문에 position=absolut도 추가...

过去多啦不再A梦 2017-05-18 10:48:58 0  2  1061

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

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

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

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12 0  1  498

위로 스크롤할 때 페이지 하단에 요소를 고정하는 방법은 무엇입니까?

제가 달성하려는 것은 다음과 같습니다: https://imgur.com/a/YFcfO3N 기본적으로, 위로 스크롤할 때 페이지 하단에 고정되는 메뉴를 페이지 하단에 원합니다.

P粉356361722 2023-09-06 12:51:37 0  1  520

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  497

CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  724

position:fixed를 요소에 적용하면 display:flex에 의해 제어되는 콘텐츠의 정렬이 중단됩니다.

페이지가 초기 위치로 스크롤되면 해당 창의 상단, 즉 단어 아래 영역에 .word 및 .line 요소를 추가합니다. 위치:고정의 고정 .word를 이미지화했지만 두 가지 문제에 직면했습니다. .line에 적용하면 내가 적용하지 않는 단어 주위로 "점프"합니다.

P粉131455722 2023-08-02 17:11:54 0  1  505

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

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

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

Vite React 프로젝트를 저장할 때마다 기존 캔버스 요소를 바꾸는 대신 새 캔버스 요소가 페이지 본문에 추가되는 이유는 무엇입니까?

저는 ThreeJ를 배우기 시작하려고 합니다(저는 Javascript 웹 개발도 처음입니다). 몇 가지 튜토리얼을 본 후 Vite 및 React로 시작한 다음 기본 회전 큐브로 시작했습니다. 이 부분은 작동합니다. 하지만 vite에 대해 읽은 내용에 따르면 작업 중인 파일을 저장하면 페이지에 다시 로드하기에 충분할 것입니다. 그러나 실제로는 그렇지 않습니다. 페이지 콘텐츠를 확인한 후 파일을 저장할 때마다 동일한 캔버스 요소가 페이지 본문에 2배 추가됩니다(기존 요소를 바꾸는 대신). 즉, 페이지 내용을 보려면 페이지 아래쪽으로 스...

P粉186904731 2024-03-30 09:57:49 0  1  547

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  484

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3850

javascript - 페이지 하단에 기본적으로 숨겨진 요소가 클릭 이벤트 후에 표시되도록 하단에서 천천히 올라오나요? 내 것은 왜 애니메이션 효과가 없나요?

내가 달성하고 싶은 것은 페이지 하단(숨겨진 요소)에서 버튼을 클릭하면 하단에서 표시되고 지정된 위치로 이동된다는 것입니다. 현재 표시할 수는 있지만 표시 프로세스는 그렇지 않습니다. 천천히 일어나세요. 어떻게 해결하나요?

过去多啦不再A梦 2017-05-16 13:26:55 0  3  1054

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

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  641