>웹 프론트엔드 >CSS 튜토리얼 >스크롤하는 동안 Chrome에서 고정 요소가 사라지는 이유는 무엇입니까?

스크롤하는 동안 Chrome에서 고정 요소가 사라지는 이유는 무엇입니까?

Linda Hamilton
Linda Hamilton원래의
2024-11-03 14:28:30591검색

Why Do Fixed Elements Disappear in Chrome While Scrolling?

Chrome에서 고정 요소가 사라짐: 문서화된 문제

스크롤하는 동안 고정 요소가 사라지는 문제는 Chrome에서 인정된 문제입니다. 특히 top: 0; 요소에 영향을 미칩니다. z-index 또는 가시성을 수정하여 이 문제를 해결하려는 시도는 소용이 없는 것으로 입증되었습니다.

해결책: -webkit-transform:translateZ(0)

이 당황스러운 동작에 대한 해결책 -webkit-transform:translateZ(0) 속성을 position: 고정 요소에 사용하는 것입니다. 이 간단하면서도 효과적인 단계는 Chrome이 하드웨어 가속을 활용하도록 강제하여 고정 요소를 지속적으로 다시 칠하도록 합니다.

문제 보고

이 문제는 Chromium 팀에 보고되었습니다. 버그 https://bugs.chromium.org/p/chromium/issues/detail?id=288747로 지정되었습니다. 이 버그의 중요성을 보여주고 해결을 장려하려면 이 버그에 별표를 추가하는 것을 고려해 보십시오.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.