carson
6월 24, 2022, 9:15오후
1
이 문제를 버그로 분류해야 할지 UX 문제로 봐야 할지 확실하지 않았고, 사소한 문제라고 무시할 수도 있겠지만, 많은 Discourse 테마에서 페이지를 새로고침할 때 스크롤바가 표시되는 상태(페이지가 넘치는 경우)에서 내비게이션 바 아래로 1픽셀의 점프 현상이 발생한다는 걸 발견했습니다. 모바일과 데스크톱 모두에서 나타나는 현상입니다. 더 매끄러운 UX를 위해 이 문제를 해결할 방법이 있을지 궁금합니다.
5개의 좋아요
Johani
6월 27, 2022, 1:32오후
6
@carson , 보고해 주셔서 감사합니다. 문제를 추적하여 확인했고, 며칠 안에 수정 사항을 배포할 예정입니다.
5개의 좋아요
Johani
7월 13, 2022, 7:04오전
8
문제를 보고해 주셔서 감사합니다 @carson
여기서 수정 사항을 제공합니다.
main ← hnb-ku:fix-navigation-jitter
merged 05:39AM - 13 Jul 22 UTC
Context: https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-… desktop/231053
We currently add 1 extra pixel when we try to restore the last scroll position on a few routes.
This is causing a bit of jumpiness, as described in the linked topic above.
<img height="300" src="https://d11a6trkgmumsb.cloudfront.net/original/4X/a/e/9/ae9e69f7fd40daba8bc0b41fec9cafbf0d4b3830.gif">
Notice how the content shifts by 1px while stuff loads.
I believe this 1px that we add is an artifact from the days when we used to set the header to `fixed` but I'm not sure. Either way, the header now uses `position: sticky;` so we shouldn't need that 1px adjustment.
This PR introduced no visual changes except that it fixes the jitter mentioned above.
6개의 좋아요
