※ 본 라이브러리는 Kaizen Platform 편집기에서만 사용할 수 있습니다.

화면 스크롤시 요소를 제어

UI 편집기에서는 보통 $(window).xxx 함수를 사용할 수 없지만, 화면 스크롤시 등 요소를 제어하는 경우에 다음 함수를 사용하실 수 있습니다.

kzWindow.height()
kzWindow.innerHeight()
kzWindow.innerWidth()
kzWindow.outerHeight()
kzWindow.outerWidth()
kzWindow.scrollLeft()
kzWindow.scrollTop()
kzWindow.width()
kzWindow.on()
kzWindow.off()
kzWindow.scroll()

이용 환경 설정

UI 편집기에서 사용하기 위해서는 EXPERIENCE 환경에서 다음 코드를 설정하고 라이브러리를 로드해야합니다.
이용하고 싶은 Optimizer 분들은 Kaizen Platform 담당자에게 이용하고 싶다는 뜻을 요청하십시오 .

window.kzLoadTool = function(name, cb, ver) {
  var base = "https://cdn.kaizenplatform.net/ui-library/";
  var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
  if (!ver) ver = 'latest';
  o.src = base + name + '/' + ver + '/' + name + '.js';
  if (cb) {
    o.addEventListener('load', function (e) {
         cb(kzs.tools[name][ver]);
      }, false);
  }
  s.parentNode.insertBefore(o, s);
};
window.kzWindow = {};
var methods = ["height", "innerHeight", "innerWidth", "outerHeight", "outerWidth", "scrollLeft", "scrollTop", "width", "on", "off", "scroll"];
var win = kzs.$(window);
kzs.$(methods).each(function(i,k){
    kzWindow[k] = function (){
        return win[k].apply(win, arguments);
    };
});