ScrollEnd

Type : Constructor

Support : 1.0

Extend : $B.Class

  • 대상영역의 ScrollEnd 이벤트 검출기.

Methods

  • ScrollEnd( target )

    ScrollEnd 생성
    • target : ElementSelectorjQuery
      scroll이벤트 발생시킬 대상
      ※대상 개체는 단일 개체.

  • gap( values ) : ScrollEndver 1.0~

    이벤트를 발생시키는 시점을 조절할 수치 설정
    • values : Object
      • left : Number
        왼쪽 수치
      • right : Number
        오른쪽 수치
      • top : Number
        상단 수치
      • bottom : Number
        하단 수치

  • trigger( type ) : ScrollEndver 1.0~

    강제로 실행시켜 해당 조건에 부합되면 이벤트를 발생시킨다.
    • type : String
      발생시킬 event type, 설정하지 않으면 등록된 모든이벤트를 대상으로 한다.

  • isScrollContent( type ) : Booleanver 1.0~

    내부의 컨텐츠가 스크롤이 발생할 수 있는 만큼 긴 컨텐츠인지 여부 반환
    • type : String
      'scrollleft', 'scrollright'는 가로사이즈, 'scrolltop', 'scrollbottom'은 세로사이즈를 체크하여 반환

  • enable() : ScrollEndver 1.0~

    ScrollEnd 검출 허용 설정

  • disable() : ScrollEndver 1.0~

    ScrollEnd 검출 비허용 설정

  • clear() : ScrollEndver 1.0~

    이벤트 및 기본설정 삭제

Events

No. type description property ver
1 scrolltop scrolltop의 도달시 반환
  • target: scroll이벤트가 발생한 대상
  • currentTarget: 최초에 등록한 대상
 1.0
1 scrollbottom scrollbottom의 도달시 반환 scrolltop 과 동일 1.0
1 scrollleft scrollleft의 도달시 반환 scrolltop 과 동일 1.0
1 scrollright scrollright의 도달시 반환 scrolltop 과 동일 1.0

Example

var winScrollend = new $B.event.ScrollEnd( window )
        .gap({top:100})
        .addListener( 'scrollbottom', winScrollHandler )
        .addListener( 'scrolltop', winScrollHandler )
        .trigger();

function winScrollHandler (e) {
    console.log( e.type );
}