팔로우

★디자인 개선 Library

※ 본 라이브러리는 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);
};
});
이 문서가 도움이 되었습니까?
0명 중 0명이 유용하다고 평가하였습니다.
또 다른 질문이 있으십니까? 문의 등록

0 댓글

이 문서에는 댓글을 달 수 없습니다.