header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 에디터: 이미지 배경에 스크롤 효과 추가하기

2 분
페이지 메뉴
  • 배경 이미지에 패럴랙스 스크롤링 추가하기
  • 배경 이미지에 고정 스크롤링 추가하기
이미지 배경에 스크롤 효과를 추가해 사이트에 깊이를 더해 보세요.
배경 스크롤은 방문자가 사이트를 탐색할 때 재미있고 독특한 효과를 더하며 사이트의 디자인과 콘텐츠에 맞게 고정하거나 패럴랙스를 적용할 수도 있습니다.
중요!
라이브 사이트 또는 미리보기 에서만 스크롤링 효과를 확인할 수 있습니다. 에디터 내에 표시되는 방식은 라이브 사이트에서 표시되는 것과 다릅니다.

배경 이미지에 패럴랙스 스크롤링 추가하기

배경 이미지에 패럴랙스 스크롤링을 추가하면 사이트에 깊이감과 층을 더할 수 있습니다.
페이지 배경과 맨 위에 있는 콘텐츠가 서로 다른 속도로 이동해 방문자에게 멋지고 재미있는 경험을 선사합니다.
중요!
모바일 버전 사이트에서는 패럴랙스 스크롤링이 표시되지 않습니다.

패럴랙스 효과를 추가하려면:

  1. 에디터에서 해당 페이지로 이동합니다. 
  2. 에디터 왼쪽에서 사이트 디자인을 클릭합니다.
  3. 페이지 배경에 마우스오버한 후 사용자 지정을 클릭합니다.
  4. 배경 이미지 미리보기에서 설정을 클릭합니다.
  5. 스크롤 효과에서 패럴랙스를 선택합니다.
이미지 배경에서 패럴랙스 스크롤링이 적용된 라이브 Wix 사이트를 보여주는 GIF
참고:
이 효과를 사용하려면 이미지가 전체 페이지를 채워야 하므로 페이지 배경에 고품질의 큰 이미지를 사용하는 것이 좋습니다.

배경 이미지에 고정 스크롤링 추가하기

페이지 배경 이미지에 고정 효과를 추가하세요. 고정 효과를 적용하면 방문자가 위아래로 스크롤하는 동안 페이지 배경은 움직이지 않고 맨 위에 있는 콘텐츠가 움직이게 됩니다.
고정 효과는 사이트 페이지를 세련되고 역동적으로 만들기에 완벽하며 방문자가 계속 탐색하도록 유도할 수 있습니다.

고정 효과를 추가하려면:

  1. 에디터에서 해당 페이지로 이동합니다. 
  2. 에디터 왼쪽에서 사이트 디자인을 클릭합니다.
  3. 페이지 배경에 마우스오버한 후 사용자 지정을 클릭합니다.
  4. 배경 이미지 미리보기에서 설정을 클릭합니다.
  5. 스크롤 효과에서 고정을 선택합니다.
이미지 배경에 고정 스크롤이 적용된 라이브 Wix 사이트를 보여주는 GIF