Elementor: Page 및 Element Level JS에 사용자 정의 JavaScript를 추가합니다

1. 스크롤 후 헤더에 클래스를 추가합니다 (페이지 수준)

$(window).on('scroll', function () {
  $('.site-header').toggleClass('is-scrolled', $(window).scrollTop() > 80);
});

2. 요소가 클릭되면 클래스를 전환합니다 (요소 수준)

$('selector').on('click', function () {
  $(this).toggleClass('is-open');
});

3. 버튼이 클릭되면 Google Analytics 이벤트를 보냅니다 (페이지 수준)

$('.cta-button a').on('click', function () {
  if (typeof gtag === 'function') {
    gtag('event', 'cta_click', { location: 'pricing' });
  }
});