Chrome 및 Opera에서 앵커 링크를 클릭하면 고정 사이드바가 사라지는 이유는 무엇입니까?
Oct 29, 2024 am 12:35 AMChrome 및 Opera 렌더링 문제: 앵커 클릭 시 고정 위치 요소가 사라짐
제공된 HTML 코드는 오른쪽에 고정 사이드바를 생성하려고 시도합니다. -문서의 손쪽. 그러나 <UL> 요소가 페이지에 추가되면 앵커 링크를 클릭할 때 고정 사이드바가 가끔 사라질 수 있습니다.
Chrome 솔루션:
Chrome에서 문제를 해결하려면 다음 스타일을 고정 요소에 적용:
<code class="css">#sidebar { -webkit-transform: translateZ(0); }</code>
특정 상황에서 Google Chrome에서는 다시 그리기를 다른 CSS 프로세스와 분리하여 디스플레이 문제를 효과적으로 해결하기 위해 3D 변환을 포함해야 합니다.
Opera 솔루션:
Opera에서 문제를 해결하는 것은 좀 더 복잡합니다. 다음은 지속적인 다시 그리기를 강제하는 솔루션입니다.
<code class="css">@keyframes noop { 0% { margin-bottom: 0; } 100% { margin-bottom: 1em; } } #sidebar { animation: noop 1s infinite; }</code>
이 애니메이션을 사용하면 Opera가 레이아웃 요소를 지속적으로 다시 계산하고 다시 렌더링하여 고정 위치가 안정적으로 유지되도록 합니다.
참고:
이 솔루션은 대부분의 경우 버그를 효과적으로 해결하지만 Opera가 고정 위치를 다시 설정하려고 시도할 때 가끔 사소한 깜박임이 발생할 수 있습니다.
위 내용은 Chrome 및 Opera에서 앵커 링크를 클릭하면 고정 사이드바가 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

인기 기사

인기 기사

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











Smart Forms 프레임 워크로 JavaScript 연락처 양식 작성

5 개의 최고의 PHP 양식 빌더 (및 3 개의 무료 스크립트) 비교
