<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 뷰어 드래그 스크롤 스크립트 (ES5, Escaped) === */
(function() {
  // 스크립트가 DOM을 조작하므로, 페이지 로드가 완료된 후 실행합니다.
  document.addEventListener('DOMContentLoaded', function() {
    // 스타일시트에 정의된 PDF 뷰어 컨테이너를 모두 선택합니다.
    var sliders = document.querySelectorAll('.notion-toggle-block .notion-scroller.vertical.horizontal');

    // 각 뷰어(slider)에 대해 드래그 이벤트를 설정합니다.
    for (var i = 0; i &lt; sliders.length; i++) {
      var slider = sliders[i];

      // 각 뷰어의 상태를 저장할 변수를 선언합니다.
      var isDown = false; // 마우스/터치가 눌렸는지 여부
      var startX;         // 드래그 시작 시점의 X 좌표
      var scrollLeft;     // 드래그 시작 시점의 스크롤 위치

      // 1. 드래그 시작 (마우스 클릭)
      slider.addEventListener('mousedown', function(e) {
        isDown = true;
        var currentSlider = e.currentTarget;
        currentSlider.style.cursor = 'grabbing';
        
        startX = e.pageX - currentSlider.offsetLeft;
        scrollLeft = currentSlider.scrollLeft;
        
        e.preventDefault();
      });

      // 2. 드래그 시작 (터치)
      slider.addEventListener('touchstart', function(e) {
        isDown = true;
        var currentSlider = e.currentTarget;
        
        startX = e.touches[0].pageX - currentSlider.offsetLeft;
        scrollLeft = currentSlider.scrollLeft;
      });

      // 3. 드래그 종료 (마우스 떼기, 마우스가 영역 밖으로 나감, 터치 떼기)
      var stopDragging = function(e) {
        if (!isDown) return;
        isDown = false;
        slider.style.cursor = 'grab';
      };

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

      // 4. 드래그 중 이동 (마우스 이동)
      slider.addEventListener('mousemove', function(e) {
        if (!isDown) return;
        e.preventDefault();
        var currentSlider = e.currentTarget;
        var x = e.pageX - currentSlider.offsetLeft;
        var walk = (x - startX);
        currentSlider.scrollLeft = scrollLeft - walk;
      });

      // 5. 드래그 중 이동 (터치 이동)
      slider.addEventListener('touchmove', function(e) {
        if (!isDown) return;
        var currentSlider = e.currentTarget;
        var x = e.touches[0].pageX - currentSlider.offsetLeft;
        var walk = (x - startX);
        currentSlider.scrollLeft = scrollLeft - walk;
      });
    }
  });
})();
  </script>

AI총서 전자책 단체 구독