# 수평 로딩 슬라이더

**URL:** https://meta.discourse.org/t/horizontal-loading-slider/177939
**Category:** Theme component
**Tags:** deprecated
**Created:** [2월 1, 2021, 9:57오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939 "2021-02-01T09:57:32Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2월 5, 2021, 4:39오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/97 "2021-02-05T16:39:55Z")

</div>

오마이갓 😍 데이비드님 감사합니다! 🙂 완벽하게 작동해요 🙂

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2월 5, 2021, 5:06오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/98 "2021-02-05T17:06:25Z")

</div>

**그룹** 및 **사용자** 메뉴 버튼은 여전히 스피너 로더를 사용합니다.

 ![Screenshot 2021-02-05 at 18.06.46](https://global.discourse-cdn.com/meta/original/3X/7/3/73feac76b6f3c1527337cbbae43c683e63a525e2.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2월 5, 2021, 5:14오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/99 "2021-02-05T17:14:25Z")

</div>

토픽에서 제목을 클릭하면(상단으로 스크롤됨) 로딩 슬라이더를 추가하는 것이 가능한가요?

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [2월 5, 2021, 5:20오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/100 "2021-02-05T17:20:06Z")

</div>

게시글을 제출해도 여전히 스피너가 표시됩니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2월 5, 2021, 5:23오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/101 "2021-02-05T17:23:11Z")

</div>

주제/주제 목록을 **스크롤** 할 때 슬라이더를 활성화하는 것은 의미가 없다고 생각합니다. 페이지 상태가 바뀌는 것이 아니라, 단순히 상단/하단에 콘텐츠가 추가될 뿐이니까요.

물론, 주제 제목을 클릭하면 전체 페이지 로딩처럼 느껴지긴 하죠… 그래서 그 특정 경우에는 슬라이더를 사용하는 것이 좋을 수도 있습니다 🤔

> [@seanblue](#):
>
> 게시물을 제출해도 여전히 스피너가 표시됩니다.

게시물이 나타날 위치에요? 그 경우엔 정말로 페이지 전환이라기보다는 UI 로딩의 일부라고 생각되므로, 스피너가 표시되는 것이 괜찮지 않을까요? 이런 종류의 동작에 전체 페이지 로딩을 트리거하고 싶지 않은 것 같은데, 그렇게 하면 다른 주제 콘텐츠가 모두 페이드아웃될 테니까요.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2월 5, 2021, 5:26오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/102 "2021-02-05T17:26:29Z")

</div>

> [@david](#):
>
> 공감합니다. 토픽 제목을 클릭하면 전체 페이지 로딩처럼 느껴지니까… 아마 그 특정 경우에는 슬라이더를 사용하는 게 좋을 것 같습니다 🤔

네, 저도 그렇게 생각했어요 🙂 _하지만 큰 토픽에서만 사용해야 한다고 생각합니다. 그렇지 않으면 토픽 제목을 클릭했을 때 바로 맨 위로 이동하니까요._

---

<div class="post-metadata">

### Author: ![PeterPalov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peterpalov/32/208092_2.png) [@PeterPalov](https://meta.discourse.org/u/PeterPalov)
#### Post date: [2월 5, 2021, 5:40오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/103 "2021-02-05T17:40:56Z")

</div>

이 상황에서는 바가 없습니다.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [2월 5, 2021, 5:44오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/104 "2021-02-05T17:44:51Z")

</div>

안드로이드에서 페이드 애니메이션은 크롬보다 파이어폭스에서 훨씬 더 부드럽습니다. 처음 있는 일입니다.

---

<div class="post-metadata">

### Author: ![PeterPalov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peterpalov/32/208092_2.png) [@PeterPalov](https://meta.discourse.org/u/PeterPalov)
#### Post date: [2월 5, 2021, 5:46오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/105 "2021-02-05T17:46:03Z")

</div>

지금은 크롬을 쓰고 있습니다.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2월 5, 2021, 8:49오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/106 "2021-02-05T20:49:32Z")

</div>

> [@david](#):
>
> 게시글이 표시될 위치에요? 그 경우라면 실제로 페이지 전환이라기보다는 UI 로딩의 일부라고 생각되는데, 그래서 스피너가 괜찮을까요? 이런 종류의 작업에 전체 페이지 로딩을 트리거하고 싶지는 않다고 생각해요. 그렇게 하면 다른 토픽 콘텐츠가 모두 페이드 아웃되거든요.

네, 스피너가 괜찮은 곳도 여전히 있습니다. 스피너를 완전히 제거하는 것을 목표로 하고 있는 것은 아니며, 가로 상단 진행 표시줄이 더 적합한 논리적인 위치에서만 제거하는 것입니다.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2월 5, 2021, 9:08오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/107 "2021-02-05T21:08:36Z")

</div>

Docs는 이전 페이지의 위치를 유지하며, 로더가 주제와 필터 사이에 모두 표시됩니다.

---

<div class="post-metadata">

### Author: ![CaptainZac](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/captainzac/32/195184_2.png) [@CaptainZac](https://meta.discourse.org/u/CaptainZac)
#### Post date: [2월 6, 2021, 2:10오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/108 "2021-02-06T02:10:33Z")

</div>

iPhone의 DiscourseHub 앱에서 이 문제가 발생합니다. iPhone 11, iOS 14 환경입니다. 새 페이지가 로드될 때 상단을 가로지르는 두 줄이 보이는 것 같습니다.

(이것은 왼쪽과 오른쪽으로 스와이프하여 다른 페이지로 진입하고 나올 때만 발생합니다)

---

<div class="post-metadata">

### Author: ![TallTrees](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/talltrees/32/208620_2.png) [@TallTrees](https://meta.discourse.org/u/TallTrees)
#### Post date: [2월 6, 2021, 4:51오전 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/109 "2021-02-06T04:51:25Z")

</div>

PWA에서 이 디자인이 정말 예쁘게 보입니다.

---

<div class="post-metadata">

### Author: ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)
#### Post date: [2월 6, 2021, 6:23오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/110 "2021-02-06T18:23:04Z")

</div>

PWA가 앱보다는 웹사이트처럼 느껴지도록 만드는 것인가요?

---

<div class="post-metadata">

### Author: ![REALITY](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reality/32/199798_2.png) [@REALITY](https://meta.discourse.org/u/REALITY)
#### Post date: [2월 6, 2021, 8:44오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/111 "2021-02-06T20:44:25Z")

</div>

훌륭한 컴포넌트입니다. 다만 제 경우, 페이지를 전환하면 페이지가 흐릿하게 남아 완전히 로드되지 않는 문제가 있습니다.

슬라이더 사용 시…

 ![](https://global.discourse-cdn.com/meta/original/3X/c/8/c8afe7ecbc8de84ab9b51d88baec12b308791d5f.png)

슬라이더 미사용 시…

 ![](https://global.discourse-cdn.com/meta/original/3X/b/8/b81309d7f4c9abb47ab5e7ac57214c57e50e2fdd.png)

---

<div class="post-metadata">

### Author: ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [2월 6, 2021, 8:47오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/112 "2021-02-06T20:47:39Z")

</div>

> [@david](#):
>
> 관리자는 테마 컴포넌트를 통해 모든 것을 커스터마이즈할 수 있으므로, 사이트가 로딩 스피너를 유지하기를 원한다면 이를 가능하게 할 것입니다 🙂

스피너가 공식 테마 컴포넌트가 될 예정이라는 뜻인가요?

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [2월 6, 2021, 9:07오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/113 "2021-02-06T21:07:12Z")

</div>

이것은 의도된 동작입니다. 로딩 중에는 페이지에 20%의 투명도가 적용됩니다.

---

<div class="post-metadata">

### Author: ![REALITY](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reality/32/199798_2.png) [@REALITY](https://meta.discourse.org/u/REALITY)
#### Post date: [2월 6, 2021, 9:08오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/114 "2021-02-06T21:08:44Z")

</div>

ondrejj님, 답변 감사합니다. 네, 문제는 20% 투명도가 제대로 지워지지 않는다는 거예요.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [2월 6, 2021, 9:19오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/115 "2021-02-06T21:19:45Z")

</div>

최신 버전을 사용하고 있는지 확인하세요. 이 기능을 동작시키기 위해 코어에 몇 가지 변경 사항이 적용되었을 것 같습니다.

---

<div class="post-metadata">

### Author: ![REALITY](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/reality/32/199798_2.png) [@REALITY](https://meta.discourse.org/u/REALITY)
#### Post date: [2월 6, 2021, 9:38오후 UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/116 "2021-02-06T21:38:33Z")

</div>

아니요, 여전히 문제가 있습니다. 카테고리 및 토픽 페이지에서만 실패하는 것 같습니다. F5 키를 누르면 해결되고, 다른 모든 페이지는 정상적으로 작동합니다.

[이전 페이지](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=4)

[다음 페이지](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=6)
