사이트 섹션 화면 스크롤 영역에서 클릭이 안됩니다. (코드,초급)

Time To 템플릿처럼 한 쪽 영역은 고정하고, 다른쪽 영역은 자유롭게 클릭 및 스크롤이 가능한 구조를 만들 수 있습니다. 

섹션 사이드 나누기 가이드를 참고하여 섹션 자체를 나누어 사용하시는 방법도 동일한 화면을 구현할 수 있습니다.

이 가이드는 섹션사이드 기능을 활용하지 않은 상태에서 여백위젯때문에 스크롤 영역의 클릭이 동작하지 않는 문제를 해결 할 수 있습니다.

1. 고정된 섹션 확인하기

먼저 스크롤이 필요한 영역에 여백이 추가된 섹션이 섹션 고정 상태인지 확인해 주세요. 

섹션을 클릭한 후, 섹션 설정에서 고정 여부를 확인할 수 있습니다.

2. 코드 위젯 추가하기

고정된 섹션의 바로 아래에 코드 위젯을 추가합니다. 코드 위젯 안에 아래 코드를 입력해 주세요.

<style> #고정된_섹션_ID {visibility: hidden;} </style>

적용 후 확인

코드를 저장한 뒤 미리보기를 통해 오른쪽 영역은 고정된 상태로 유지되고, 왼쪽 영역은 정상적으로 클릭 및 스크롤이 가능한지 확인합니다.