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

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

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

설정방법

1단계: 팝업 추가하기

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

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

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

3단계: 동작 확인하기

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

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
863.5K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.9K
전국 파트너/리셀러 수

아임웹과 함께하는 제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.