2021-08-06 07:10:22 +00:00
|
|
|
const inputX = document.querySelector('#scrollLeft');
|
|
|
|
|
const inputY = document.querySelector('#scrollTop');
|
2021-05-26 07:21:27 +00:00
|
|
|
let hasInited = false;
|
|
|
|
|
|
|
|
|
|
export function doScroll(core, conf = {}) {
|
2021-06-04 06:43:42 +00:00
|
|
|
if (hasInited === true) return;
|
|
|
|
|
if (!(inputY && inputX)) return;
|
2021-05-26 07:21:27 +00:00
|
|
|
|
2021-08-06 07:10:22 +00:00
|
|
|
if (conf.scrollLeft >= 0) {
|
|
|
|
|
inputX.value = conf.scrollLeft;
|
|
|
|
|
core.scrollLeft(conf.scrollLeft);
|
2021-05-26 07:21:27 +00:00
|
|
|
}
|
|
|
|
|
|
2021-08-06 07:10:22 +00:00
|
|
|
if (conf.scrollTop >= 0) {
|
|
|
|
|
inputY.value = conf.scrollTop;
|
|
|
|
|
core.scrollTop(conf.scrollTop);
|
2021-05-26 07:21:27 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
inputX.addEventListener('change', () => {
|
|
|
|
|
const val = inputX.value * 1;
|
2021-07-25 11:37:01 +00:00
|
|
|
if (val >= 0 || val < 0) {
|
2021-08-06 07:10:22 +00:00
|
|
|
core.scrollLeft(val);
|
2021-08-08 14:15:20 +00:00
|
|
|
console.log(core.getScreenTransform());
|
2021-05-26 07:21:27 +00:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
inputY.addEventListener('change', () => {
|
|
|
|
|
const val = inputY.value * 1;
|
2021-07-25 11:37:01 +00:00
|
|
|
if (val >= 0 || val < 0) {
|
2021-08-06 07:10:22 +00:00
|
|
|
core.scrollTop(val);
|
2021-08-08 14:15:20 +00:00
|
|
|
console.log(core.getScreenTransform());
|
2021-05-26 07:21:27 +00:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
hasInited = true;
|
|
|
|
|
}
|