[window scroll target positon]

# body 스크롤 중앙 도달시 클래스 추가

<script>
    /*  스크롤에따른 엘리먼트 움직임 */
    $(window).on('scroll resize', motionActive);
    function motionActive() { 
        var _wH = window.innerHeight; //$(window).innerHeight();
        $('.js-motions').each(function() {
            var _t = $(this).offset().top + (_wH / 2); 
            if ($(window).scrollTop() + _wH > _t) {
                $(this).addClass('m_active');
            } else {
                $(this).removeClass('m_active');
            }
        });        
    }    
</script>

 

# 타겟 위치에 따른 X스크롤 중앙이동

  $('.js-utiltab_mb-list a').on('click', function($e) {
    $e.preventDefault();
    var tar     = $(this).position().left; 
    var js_tar  = $(this).closest(".js-utiltab_mb-list");
    var scrollX = tar - ( js_tar.parents(".scroll_system-type").width() / 2 ) + $(this).width() / 2;

    if ($(this).parents('li').hasClass('active')){
      return false;
    }else{
      js_tar.find("li").removeClass('active');
      $(this).parents('li').addClass('active');
      console.log( "aaa", tar ,scrollX );
      js_tar.parents(".scroll_system-type").scrollLeft( scrollX );
    }
  });