링크를 클릭한 후 Chrome에서 내 고정 요소가 사라지는 이유는 무엇입니까?

Chrome의 고정 요소 숨김

Chrome에서는 일반적으로 고정 탐색 모음에 사용되는 고정 요소가 링크를 클릭하면 사라지는 경우가 있습니다. 이 이상 현상은 요소가 부분적으로 또는 완전히 사라지는 것으로 나타나며 마우스 이동이나 스크롤 시 다시 나타납니다.

원인:

정확한 원인은 알 수 없으나 나타나는 현상입니다. 페이지 상단(상위: 0)에 위치한 요소에 영향을 미치는 WebKit 문제입니다.

해결 방법:

이 문제를 해결하려면 다음 CSS를 추가하세요. 영향을 받는 고정 요소에 대한 속성:

<code class="css">-webkit-transform: translateZ(0);</code>

이렇게 하면 Chrome에서 하드웨어 가속을 사용하여 고정 요소를 지속적으로 렌더링하여 간헐적으로 보이지 않는 것을 방지합니다.

추가 정보:

• 이 문제는 top: 0이 있는 요소에만 영향을 미칩니다. 대신 Bottom: 0을 사용하면 예상되는 동작이 유지됩니다.
• 이 솔루션은 참조된 질문에서 논의된 것과 유사한 문제를 해결하지만, 기능적 수정 사항을 제공합니다.
• 이 문제에 대한 버그 보고서가 Chromium에 제출되었습니다: https://bugs.chromium.org/p/chromium/issues/detail?id=288747. 이 문제에 대한 관심을 끌기 위해 버그에 별표를 표시하는 것을 고려해 보세요.

위 내용은 링크를 클릭한 후 Chrome에서 내 고정 요소가 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!