NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 팁 앤 테크
  • 매뉴얼

    팁과 테크니컬 노하우를 확인하세요.

    팁 앤 테크

    팁과 테크니컬 노하우를 확인하세요.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    스크립트 쉽게 스크롤바 움직이는 방법. (An easy way to move the scrollbar.)

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 웹 API에 대한 문의가 점점 많아지네요. 대부분 게임(?)에 대한 질문들이 많은데요. 솔직히... 제가 게임을 안하다보니 고객분들끼리 정보를 교류하는 편입니다. 아마 카카오톡 단톡방에서 검색해보면 NGM 관련 방들이 나올겁니다. 참고로~ 고객분들이 만든 방은 어디에도 들어가 있지 않습니다. 이런 저런 구설수에 휘말리고 싶지 않기 때문입니다. 홍보를 위해서 이곳 저곳 기웃거리기도 했는데... 구매자는 없고 판매자만 많다보니 익명성 뒤에 숨어서 부계정으로 서로 헐뜻고 욕하기 바쁘더라구요^^;

    QEuLTcm.jpg

     

     

    기본 기능인 마우스 휠 또는 클릭으로 스크롤바를 잡아서 처리할수도 있습니다. 하지만, 이 방식은 완전한 비활성 매크로를 만드는데 한계가 있습니다. 그렇기에 웹 API를 100% 사용해서 매크로를 제작하셔야 합니다. 기본적인 내용은 아래 링크의 웹 API 메뉴얼을 참고하시고, 첨부되어 있는 스크립트를 기준으로 진행하도록 하겠습니다.

    웹 API 메뉴얼 ]

    gtMS4OZ.png

     

     

    이 기능은 구독자 전용입니다. 그렇기 때문에 무제한 사용자분들은 [ 아래 글 ]과 동일하게 자바스크립트 액션을 이용해서 구현해야 합니다. 예제 스크립트는 "웹API 테스트 (JS).ngs" 첨부 파일을 다운로드 받으세요. 이 자바스크립트는 scrollTo(절대 값)와 scrollBy(상대 값)를 사용할 수 있습니다. 내용을 바꿔서 실행해보면 차이점을 쉽게 알 수 있을겁니다.

    window.scrollTo(0,500)

     

    제품의 "스크롤바" 액션에서는 부드러운 스크롤이 가능하지만, 자바스크립트 액션에서는 이 기능을 사용할 수 없습니다. 웹브라우저에 따라 옵션으로 처리가 가능하지만, 현재는 크롬만 정상적으로 동작하는듯 합니다. 엣지, 파이어폭스, 사파리는 동작 여부를 확인하지 못했습니다.

    window.scrollTo(0,5000,'smooth')

     

    또는 아래와 같이 명시적으로 파라메터에 바인딩해도 됩니다.

    window.ScrollTo({left:0,top:5000,behavior:'smooth'})

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천2 비추천0

    첨부파일

    댓글목록

    등록된 댓글이 없습니다.