# 페이지 새로고침 시 픽셀 점프 발생 (모바일 및 데스크톱)

**URL:** https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-desktop/231053
**Category:** UX
**Created:** [6월 24, 2022, 9:15오후 UTC](https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-desktop/231053 "2022-06-24T21:15:51Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![carson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carson/32/280685_2.png) [@carson](https://meta.discourse.org/u/carson)
#### Post date: [6월 24, 2022, 9:15오후 UTC](https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-desktop/231053/1 "2022-06-24T21:15:51Z")

</div>

이 문제를 버그로 분류해야 할지 UX 문제로 봐야 할지 확실하지 않았고, 사소한 문제라고 무시할 수도 있겠지만, 많은 Discourse 테마에서 페이지를 새로고침할 때 스크롤바가 표시되는 상태(페이지가 넘치는 경우)에서 내비게이션 바 아래로 1픽셀의 점프 현상이 발생한다는 걸 발견했습니다. 모바일과 데스크톱 모두에서 나타나는 현상입니다. 더 매끄러운 UX를 위해 이 문제를 해결할 방법이 있을지 궁금합니다.

![](https://global.discourse-cdn.com/meta/original/4X/a/e/9/ae9e69f7fd40daba8bc0b41fec9cafbf0d4b3830.gif)

![](https://global.discourse-cdn.com/meta/original/4X/0/4/8/048b63193efa0b7ac75aa82b1c60a2586a9d26fa.gif)

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [6월 27, 2022, 1:32오후 UTC](https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-desktop/231053/6 "2022-06-27T13:32:22Z")

</div>

@carson, 보고해 주셔서 감사합니다. 문제를 추적하여 확인했고, 며칠 안에 수정 사항을 배포할 예정입니다.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [7월 13, 2022, 7:04오전 UTC](https://meta.discourse.org/t/pixel-jump-whenever-page-refreshes-mobile-desktop/231053/8 "2022-07-13T07:04:18Z")

</div>

문제를 보고해 주셔서 감사합니다 @carson 👍

여기서 수정 사항을 제공합니다.

> <https://github.com/discourse/discourse/pull/17467>
>
> 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.