📢 Instant Scroll Detector Pro

Bubble 앱에서 스크롤 활동을 감지하고, 사용자 인터랙션에 기반한 다이나믹하고 반응형 UI를 쉽게 구현하세요!

Pro 버전에서는 더욱 세밀한 제어와 유연한 설정이 가능해져, UI 효과를 한 단계 업그레이드할 수 있습니다.

헤더 숨기기, 애니메이션 트리거, 맨 위로 가기 버튼 표시 등을 더욱 정교하게 구현하고 싶다면, Instant Scroll Detector Pro가 최적의 솔루션입니다.

🌟 Pro 버전의 새로운 기능

🔹 커스텀 스크롤 방향 감지

▪ 위로만(Top), 아래로만(Bottom), 혹은 양방향(Both) 스크롤을 개별적으로 감지하여 더욱 정교한 UI 반응을 구현하세요.

🔹 반응 지연 시간 설정

▪ 스크롤이 멈춘 후 몇 밀리초(ms) 뒤에 상태 변화를 감지할지 직접 설정하여, 더욱 부드러운 전환 효과를 적용할 수 있습니다.

1️⃣ 실시간 스크롤 감지

▪ 사용자가 스크롤을 시작하면 isScrolling = yes, 멈추면 isScrolling = no 상태를 즉시 감지합니다.

2️⃣ 쉽고 직관적인 상태 활용

▪ isScrolling 스테이트를 직접 Bubble의 조건문에서 활용하여, 애니메이션, 워크플로우, 시각적 변화를 간편하게 설정하세요.

3️⃣ 고급 스크롤 방향 감지

▪ 특정 방향(위로, 아래로, 양방향)만 감지하도록 설정할 수 있어, 더욱 정교한 UI 동작을 구현할 수 있습니다.

4️⃣ 사용자 맞춤 반응 지연 설정

▪ 스크롤이 멈춘 후 isScrolling = no 상태로 전환되기까지의 시간을 조정하여, 보다 자연스러운 사용자 경험을 제공하세요.

5️⃣ 유연한 커스터마이징

▪ Bubble의 모든 페이지에 매끄럽게 적용되며, 다양한 디자인 및 기능 요구 사항에 맞춰 조정할 수 있습니다.

✅ 정교한 헤더 숨기기/표시

→ 아래로 스크롤할 때만 헤더를 숨기고, 위로 스크롤할 때 다시 나타나도록 설정할 수 있습니다.

✅ 맨 위로 가기 버튼 표시

→ 사용자가 아래로 스크롤할 때만 버튼을 나타내고, 위로 스크롤할 때는 사라지도록 조정할 수 있습니다.

✅ 스크롤 방향에 따른 애니메이션 트리거

→ 사용자가 위로 스크롤할 때와 아래로 스크롤할 때 서로 다른 애니메이션 효과를 적용할 수 있습니다.

✅ 부드러운 UI 전환을 위한 지연 설정

→ 스크롤이 멈춘 직후 요소가 즉시 사라지지 않도록 설정해, 더욱 자연스러운 인터랙션을 연출할 수 있습니다.

Bubble 앱의 버튼 인터랙션을 향상시켜 더욱 세련된 UI를 구현하세요.

플러그인 사용 중 도움이 필요하신가요? 맞춤형 Bubble 플러그인이 필요하신가요? 문의하세요.