Google은 성가신 페이지 점프 문제를 해결하기 위해 공식적으로 스크롤 앵커링을 출시했습니다.

작년에 우리는 수정 사항을 지적했습니다 Google 크롬에서 클릭하고 싶지 않은 항목을 클릭하게 만드는 성가신 페이지 점프를 방지합니다. 이 수정 사항을 "Scroll Anchoring"이라고 하며, 이를 위해서는 실험적인 플래그를 활성화해야 했습니다. chrome://flags. 이 문제가 발생하는 이유는 웹 페이지가 완전히 로드되기 전에 사용자가 웹 페이지와 상호 작용할 수 있도록 하는 웹 콘텐츠의 "점진적 로드" 때문입니다. 그러나 이로 인해 사용자가 상호작용을 시작한 지 몇 초 후에 오프스크린 콘텐츠가 로드되는 경우가 많았습니다. 웹페이지를 사용하면 현재 화면에 있는 콘텐츠를 아래로 밀어내며 종종 잘못된 클릭. 이제 이 문제를 해결하는 기능인 스크롤 앵커링이 Chrome 버전 56부터 모든 사용자에게 마침내 활성화되었습니다.

이 기능을 스크롤 앵커링이라고 합니다. 활성화하면 Chrome이 현재 스크롤 위치를 잠그기 때문입니다. 화면 밖의 콘텐츠가 계속 로드되는 동안 화면 요소에 있어 예상치 못한 페이지를 방지할 수 있습니다. 점프. Google은 스크롤 앵커링을 구현한 이후 이 기능이 "페이지 보기당 약 3페이지 점프"를 방지한다고 주장하는데, 이는 이미 상당한 개선이 이루어진 것입니다.

그러나 작년에 실험적 기능을 활성화한 많은 사람들이 곧 발견한 것처럼 모든 웹 요소가 이 기능과 잘 작동하는 것은 아닙니다. 사용자가 스크롤 앵커링을 활성화하면 일부 웹 콘텐츠가 오작동할 수 있지만, 이에 대해 Google은 웹 개발자가 스크롤을 재정의하기 위해 구현할 수 있는 "overflow-anchor"라는 새로운 CSS 속성을 도입합니다. 정박.

Google의 새로운 스크롤 고정 기능은 Chrome 버전 56 이상에서 출시될 예정입니다. 안정, 베타, 개발 및 카나리아 채널이 있지만 기능이 눈에 띄지 않는 경우 다음을 통해 해당 기능이 활성화되어 있는지 다시 확인할 수 있습니다. 붙여넣기 chrome://flags/#enable-scroll-anchoring 주소 표시줄에 Google에서 설정한 기본 옵션을 사용하면 이 기능이 활성화되지만 여기에서 수동으로 활성화해도 아무런 문제가 없습니다.


출처: Chromium 블로그