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

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

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

javascript - iOS 입력에 포커스가 맞춰지면 전체 페이지가 위로 올라갑니다.

요구 사항은 실제로 매우 간단합니다. 페이지 하단의 입력 상자를 수정하고 텍스트를 입력하면 됩니다. 하지만. . . iOS 시스템에서. 이 입력에 초점이 맞춰지면 전체 페이지가 위로 올라갑니다. . . . . . 헤더의 내용이 더 이상 표시되지 않습니다. 좋은 아이디어 있으면 알려주세요...

淡淡烟草味 2017-07-04 13:45:35 0  3  1416

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

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

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

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

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

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

새 헤더: 바닥글이 항상 페이지 하단에 있는지 확인하세요.

바닥글을 페이지 하단에 유지하고 페이지 하단으로 스크롤할 때까지 표시되지 않도록 하는 프로젝트를 진행 중입니다. CSS에서 'position:fixed'를 사용해 보았지만 콘텐츠 위에 떠 있고 절대 위치 지정을 사용하면 페이지 중앙에 고정되어 콘텐츠를 덮습니다. 또한 내용이 많지 않은 페이지의 경우 위치를 지정하지 않거나 '위치:절대'를 사용하지 않으면 바닥글 아래에 공백이 생깁니다. 제안해 주세요. *{margin:0;padding:0;}헤더{배경-c

P粉318928159 2023-08-27 23:13:19 0  1  486

긴 HTML 표를 인쇄할 때 각 페이지에 머리글과 바닥글을 추가하는 데 도움이 필요합니다.

긴 HTML 테이블이 있는 뷰가 있습니다. 뷰를 인쇄하려고 하면 테이블이 페이지로 분할됩니다. 분명히 양식이 중단되고 다음 페이지로 계속됩니다. 인쇄된 모든 페이지에 머리글과 바닥글을 깔끔하게 추가하고 싶습니다. 다음과 같은 CSS 페이지 나누기 속성을 사용해 보았습니다. 페이지 나누기 후 내부 페이지 나누기 페이지 나누기 전 위치:고정을 사용하여 머리글과 바닥글을 위쪽과 아래쪽에 고정해 보았습니다. 바닥글은 모든 페이지에 표시되지만 표와 겹칩니다. 강조 표시된 부분에서 볼 수 있듯이, 머리글과 바닥글을 겹치지 않게 표시하고 싶습니...

P粉662802882 2023-12-18 17:46:07 0  1  521

`fixed` 요소와 `z-index: 1`에 `margin` 속성을 적용합니다.

목록과 설명 필드가 있습니다. 댓글 필드는 페이지 하단에 고정되어 있습니다. 목록이 길면 페이지 스크롤이 적용됩니다. 나는 목록의 맨 아래가 항상 주석 필드의 맨 위에서 수직 거리에 있기를 원합니다. 물론 margin-bottom 속성을 .meaning 클래스(목록을 구성함)에 적용할 수 있지만 주석 필드에 2~3줄의 텍스트가 포함된 경우(즉, 여백을 설정하기에는 너무 높을 수 있습니다). 그래서 제 생각에는 margin-top을 댓글 필드로 설정하는 것이 더 합리적이라고 생각합니다. 그러나 주석 필드의 Z-색인으로 인해 가능합니다...

P粉986028039 2023-09-17 21:44:03 0  1  667

재작성된 제목: 한 페이지를 제외하고 경로 대신 도메인 이름을 기준으로 탐색 메뉴 링크 강조 표시

내 Shopify 웹사이트 상단의 메뉴에 두 개의 탐색 링크가 있습니다. 메뉴는 관리자 탐색 설정에서 생성/편집됩니다. #2 페이지를 제외하고 사이트의 모든 페이지에서 강조 표시된 상태로 유지하려면 #1에 대한 메뉴 링크가 필요합니다. 액체는 다음과 같습니다:<spanclass="inline-menu">{%forlinkinlinklists[section.settings.menu].links%}<aclass="inli

P粉517475670 2024-03-20 10:43:49 0  1  336

ios - 상단 보기에서 수평 슬라이딩 문제

문제는 이렇습니다. 1. 상단에 달력 컨트롤이 있고 달력 컨트롤 아래에 탭이 있으며 탭 아래에 해당 콘텐츠가 있습니다. 2. 달력 컨트롤은 고정되어 있지 않습니다. 즉, 아래 보기와 함께 슬라이드할 수 있습니다. 3. 아래 A와 B는 탭 탭을 클릭하여 전환하는 것을 지원할 뿐만 아니라...

伊谢尔伦 2017-05-17 10:05:06 0  2  785

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

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

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

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

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

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

REACT - 브라우저 후 버튼에서 페이지가 다시 렌더링되는 것을 방지합니다.

많은 제품을 보여주는 카탈로그 페이지가 있습니다. 사용자가 하단에서 선택할 수 있는 제품 중 하나(예: 제품 번호 1000)를 클릭하면 다른 페이지로 이동하여 내용 등을 확인합니다. 뒤로 사용 버튼 브라우저가 카탈로그 페이지로 돌아가면 모든 것이 다시 렌더링됩니다. 이는 의미가 있지만 이전에 선택한 제품에 스크롤 막대를 배치하는 데 많은 시간이 걸립니다. 사용자가 페이지 상단에서 특정 제품(예: 제품 번호 4)을 선택하면 모든 것이 잘 작동하지만, 하단으로 이동하면 시나리오가 시작됩니다. REACT에서 이 디렉토리 페이지를 캐시할 ...

P粉733166744 2024-03-27 14:50:53 0  1  462

javascript - 클릭 시 localStorage를 사용하여 테이블의 맨 위 행을 얻고 페이지를 새로 고쳐 현재 상태를 유지합니다.

고유 행을 결정하려면 최소 3개 열의 값이 필요하므로 제 생각은 1입니다. 상단 버튼을 클릭할 때마다 해당 행의 3개 열(각 열에는 1개의 키가 있음)의 값이 2. 페이지가 다시 로드될 때마다 로컬 데이터를 읽고 테이블 데이터를 얻은 후...

習慣沉默 2017-06-28 09:27:46 0  2  792

phpStudy2017을 실행한 후 웹사이트를 열면 왜 왜곡되나요?

phpStudy를 2014년 버전부터 사용하고 있는데 phpStudy2016으로 업데이트한 이후로는 매우 안정적입니다. 그런데 최근 phpStudy2017로 업데이트한 후 웹사이트의 일부 페이지가 열리면 깨집니다. 2.17.참고: 일부 페이지는 정상이고 일부는 위 그림과 같습니다. 이유는 모르겠습니다. 업데이트가 너무 높아 제대로 작동하지 않는 것이 아닐까요?

phpcn_u48611 2017-10-24 15:59:57 0  1  1088

Laravel에서 매개변수 유효성 검사 받기

laravel에서 get으로 전달된 매개변수를 확인하는 방법을 알려주세요. 주문 목록 페이지 상단에 많은 필터링 조건이 있지만 이러한 필터링 조건에는 특정 규칙이 있습니다. 예를 들어 금액은 숫자여야 하며 사용자 이름은 필수입니다. 5자리를 초과할 수 없습니다. 필터링하는 경우 URL 주소와 전달되지 않은 매개변수는 get을 통해 백그라운드로 전달됩니다.

大家讲道理 2017-05-16 16:47:29 0  3  517

바닥을 자체 높이의 100%로 설정

페이지 보기에서 숨겨지고 상단이 페이지 하단에 닿도록 요소를 설정하고 싶습니다(요소가 보이지 않음). 요소의 높이가 66px로 일정할 때 먼저 하단:-66px;'을 수행합니다. 하지만 이제 모든 크기의 요소를 처리하려면 이것이 필요합니다. Bottom:-100%; 을 수행하면 부모 크기의 100%로 설정됩니다. 자체 높이의 -100%로 설정하려면 어떻게 해야 합니까?

P粉098417223 2024-04-04 22:41:16 0  1  1573

레스토랑 웹사이트의 버튼 오버레이 표시 문제를 해결하는 방법

오버레이 페이지를 올바르게 표시하기 위해 React.js를 사용하여 레스토랑 웹사이트에 버튼을 만드는 데 문제가 있습니다. 이는 자체 구성 요소(MenuButtons.jsx)에 설정되어 있으며 이전 페이지의 짧은 메뉴 섹션 하단에 있습니다(아래 이미지 참조). 전체 메뉴가 너무 길어 첫 페이지에 모두 담기에는 나머지 메뉴(예: 와인 목록, 점심 메뉴 등)에 대해 별도의 오버레이 페이지를 시작했으면 좋겠습니다. 아래 이미지는 와인 목록 오버레이 페이지의 모양을 보여줍니다. 다음은 코드입니다: importReact,{useState}f...

P粉289775043 2024-01-16 19:22:49 0  1  425

python - pyspider는 어떻게 정보를 다음 함수로 전달하지만 URL을 통해서는 전달하지 않습니까?

때로는 pyspider를 통해 다음 함수에 직접 정보를 전달해야 하지만 새 URL을 크롤링할 필요는 없습니다. 예를 들어 목록 페이지에 있는 정보의 특정 부분을 다음 함수로 전달해야 하는데 목록의 URL을 통해 전달하고 싶지 않은 경우입니다. send_message 메소드를 사용해볼까 고민했는데...

淡淡烟草味 2017-05-18 11:00:39 0  2  586

높이가 100vh인 배경 이미지의 중앙에 div를 배치합니다.

저는 상단에 고정 위치 네비게이션 바가 있는 강좌를 진행하고 있습니다. 배경의 높이는 100vh로 설정되고 텍스트 내용이 있는 div는 배경 중앙에 있습니다. Flexbox를 사용하면 거의 중앙에 배치되지만 실제로 배경 중앙에 배치하려면 해당 div의 높이를 높이의 100%로 설정해야 합니다. Flexbox와 뷰포트 높이에 대해 알고 있지만 다이빙의 중심을 정하기 위해 div의 높이를 100%로 설정해야 하는 이유가 무엇인지 혼란스럽습니다. 제가 요구하는 것을 복제하기 위해 여기에 배경으로 어떤 이미지든 넣을 수 있다고 생각합니다....

P粉006847750 2024-02-17 12:39:44 0  1  382

Chrome 모바일 웹에서 레이아웃/시각적 뷰포트가 변경된 후 제목을 시각적 뷰포트 위에 유지하는 방법은 무엇입니까?

이와 관련된 여러 질문이 있다는 것을 알고 있지만, 이러한 질문을 받은 이후 브라우저 팀이 변경을 했기 때문에 그 중 어느 것도 더 이상 유효한 것 같지 않습니다. 나는 이 문제에 대한 최신 해결책을 찾으려고 노력하고 있습니다. 목표 모바일 웹 브라우저를 사용할 때, 특히 사용자가 입력 필드에 초점을 맞추고 가상 키보드가 표시될 때 앱과 같은 경험을 위해 고정 헤더를 상단에 유지하는 것이 바람직합니다. 배경 컨텍스트 최근 Chrome 모바일 팀은 iOS 및 iOS의 Chrome에서 더 잘 작동하도록 모바일 웹 레이아웃과 시각적 표시...

P粉833546953 2024-03-28 00:24:35 0  1  381