#topic-progress 요소가 로딩 중에도 계속 표시됩니다

모바일에서 바운스가 발생하지 않을 것 같습니다. 스크롤 시에는 고정 위치(fixed position)를 사용하고, 도킹(dock) 시에는 절대 위치(absolute positioning)를 사용하므로, 어쨌든 레이아웃에 영향을 주지 않기 때문입니다.

도킹 클래스가 붙으면 CSS로 숨기는 간단한 테스트를 해보았습니다(로딩 시 위치가 점프하는 이유가 바로 이 때문입니다. 페이지가 짧고 진행 바가 도킹되기 때문이죠)… 사라졌다가 다시 나타날 때 바운스가 발생하지 않았습니다.

다른 옵션은 로딩 중에 언도킹(undock)하여 고정 위치(fixed position)를 유지하는 것입니다. 하지만 이 방식의 문제는 페이지 맨 아래(예: 추천 주제에 있을 때)에서 맨 위로 점프할 경우, 타임라인이 도킹된 위치에서 고정 위치로 전환될 때 위치 점프가 보일 수 있다는 점입니다.

어쨌든 직접 시도해보고 가장 좋은 방법을 찾아보겠습니다.

4개의 좋아요