<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N5KWR687"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<script>
/**
 * PDF 뷰어 PC 마우스 드래그 스크롤 기능 (Oopy/Notion 호환 개선판)
 */
(function() {
  function enableDragScroll() {
    // 1. PDF 뷰어 영역 선택 (CSS 클래스 기준)
    var sliders = document.querySelectorAll('.notion-toggle-block .notion-scroller.vertical.horizontal');

    sliders.forEach(function(slider) {
      // 2. 중복 적용 방지 (이미 기능이 붙은 뷰어는 건너뜀)
      if (slider.dataset.dragEnabled) return;
      slider.dataset.dragEnabled = "true";

      var isDown = false;
      var startX;
      var scrollLeft;

      // 마우스 클릭 시 (드래그 시작)
      slider.addEventListener('mousedown', function(e) {
        isDown = true;
        slider.style.cursor = 'grabbing'; // 커서 모양 변경
        slider.style.userSelect = 'none'; // 텍스트 선택 방지
        
        startX = e.pageX - slider.offsetLeft;
        scrollLeft = slider.scrollLeft;
      });

      // 마우스가 영역을 벗어나거나 뗐을 때 (드래그 종료)
      var stopDragging = function() {
        isDown = false;
        slider.style.cursor = 'grab'; // 커서 복구
        slider.style.removeProperty('user-select');
      };

      slider.addEventListener('mouseleave', stopDragging);
      slider.addEventListener('mouseup', stopDragging);

      // 마우스 이동 시 (스크롤 동작)
      slider.addEventListener('mousemove', function(e) {
        if (!isDown) return; // 클릭 상태 아니면 무시
        e.preventDefault();  // 기본 동작 차단
        
        var x = e.pageX - slider.offsetLeft;
        var walk = (x - startX) * 1.5; // * 1.5는 스크롤 속도 (숫자가 클수록 빠름)
        slider.scrollLeft = scrollLeft - walk;
      });
    });
  }

  // 3. MutationObserver 설정: 우피가 내용을 늦게 로딩해도 감지하여 실행
  var observer = new MutationObserver(function(mutations) {
    enableDragScroll();
  });

  // 페이지 전체의 변화를 감시 시작
  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

  // 초기 로드 시에도 한 번 실행 시도
  document.addEventListener('DOMContentLoaded', enableDragScroll);
})();
</script>

AI문고 B2B 전자책 구독 서비스