> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/tip/fixed.md).

# 콘텐츠 고정하기

콘텐츠 고정에 대해 알아봅니다.

## 콘텐츠 고정이란?

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F30SW5LLlRcxfOpSmCXWW%2F1_%EC%BD%98%ED%85%90%EC%B8%A0%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%A0%84%EC%B2%B4.png?alt=media&amp;token=9dcba901-cd88-432b-831e-f47deafe136c" alt=""><figcaption></figcaption></figure>

콘텐츠 고정 기능은 페이지 스크롤 시 특정위치에 고정이 된 콘텐츠가 지속적으로 따라오는 기능입니다.

예를들어, 섹션 고정 기능을 활용하여 상단, 하단 고정 배너를 만들 수 있으며 플로팅 콘텐츠 기능을 활용하여, 상담정보, 바로가기 정보 등의 내용을 사이트 오른쪽에 고정되는 콘텐츠를 만들 수 있습니다.

<table><thead><tr><th width="140">항목</th><th>설명</th></tr></thead><tbody><tr><td><a href="/customer_support/guide/tip/fixed/header.md">헤더 고정하기</a></td><td>헤더 영역을 고정하여, 페이지 메뉴, 공통 메뉴등의 항목을 어떤 위치에서든 보여지도록 디자인을할 수 있습니다.</td></tr><tr><td><a href="/customer_support/guide/tip/fixed/section.md">섹션 고정하기</a></td><td>섹션을 상단, 중단, 하단을 기준으로 고정하여 사이트 디자인을 할 수 있습니다.</td></tr><tr><td><a href="/customer_support/guide/tip/fixed/block.md">블록 고정하기</a></td><td>블록을 다양한 위치에 배치하여, 사이트 전체 또는 페이지 별 디자인 구성 할 수 있습니다.</td></tr><tr><td><a href="/customer_support/guide/tip/fixed/floating.md">플로팅 콘텐츠</a></td><td>실시간 상담, 바로가기 등의 콘텐츠를 사이트 오른쪽 아에 고정하여 사용할 수 있습니다.</td></tr></tbody></table>