마우스 스크롤 시 팝업 고정하기

주의: 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 작동하지 않을 수 있습니다.

이 도움말은 코드를 활용한 고급 도움말로 마우스 스크롤 시 팝업을 고정하는 방법을 설명합니다.

설정방법

1단계: 팝업 추가하기

팝업/배너 추가하기 도움말을 참고하여 팝업을 제작합니다.

2단계: 코드 복사 및 붙여넣기
  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)]를 클릭해 이동합니다.
  3. 마우스 휠 스크롤을 내려 Body Code 항목으로 이동합니다.
  4. 아래의 소스 코드 전체를 복사하여 Body Code 작성 칸에 붙여넣습니다.

    <style>
    /*스크롤 시 팝업 고정*/
      .pop-container {
        position: fixed;
        }
    </style>

3단계: 동작 확인하기

실제 사이트에 접속하여 마우스 스크롤 시 팝업이 정상적으로 고정되는지 확인합니다.

목록으로