fanruan
/
plugin-bi-screen-adaptive
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

BI-65346 fix: 处理scale元素的滚动问题

release/10.0
fay 5 years ago
parent
ee5a25aa3a
commit
d650aeef5a
2 changed files with 26 additions and 14 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js
  2. 20
      src/main/resources/com/finebi/plugin/web/scripts/entry.js

20
src/main/resources/com/finebi/plugin/web/plugin.screen_adaptive.js
Unescape View File

@ -2,12 +2,15 @@
var scale = 1, transformY = 0, selected = true; var scale = 1, transformY = 0, selected = true;
var html = document.getElementsByTagName('html')[0]; var html = document.getElementsByTagName('html')[0];
var wrapper = document.getElementById("wrapper"); var wrapper = document.getElementById("wrapper");
var fixedWrapper = document.createElement("div");
var fixedContainer = document.createElement('div'); var fixedContainer = document.createElement('div');
fixedContainer.style.position = "absolute"; fixedContainer.style.position = "absolute";
fixedContainer.style.top = "0"; fixedContainer.style.top = "0";
fixedContainer.style.left = "0"; fixedContainer.style.left = "0";
fixedContainer.style.width = "100%"; fixedContainer.style.width = "100%";
document.body.appendChild(fixedWrapper);
fixedWrapper.appendChild(wrapper);
wrapper.appendChild(fixedContainer); wrapper.appendChild(fixedContainer);
var jQuery = $ || window.jQuery; var jQuery = $ || window.jQuery;
@ -60,14 +63,15 @@
wrapper.style["-ms-transform"] = "scale(" + bounds.scale+ ")"; wrapper.style["-ms-transform"] = "scale(" + bounds.scale+ ")";
wrapper.style["-ms-transform-origin"] = "top left"; wrapper.style["-ms-transform-origin"] = "top left";
fixedContainer.style.height = (document.body.clientHeight / scale) + "px"; fixedContainer.style.height = (document.body.clientHeight / scale) + "px";
wrapper.style.overflowY = "hidden"; wrapper.style.overflowY = "auto";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "auto";
html.style.backgroundColor = "#ffffff"; html.style.backgroundColor = "#ffffff";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "auto";
fixedWrapper.style.overflow = "hidden";
if (scale < 1) { if (scale < 1) {
document.body.style.width = bounds.width + "px"; fixedWrapper.style.width = bounds.width * scale + "px";
document.body.style.height = bounds.height + "px"; fixedWrapper.style.height = bounds.height * scale + "px";
} }
window.scale = window.devicePixelRatio * scale; window.scale = window.devicePixelRatio * scale;
@ -84,12 +88,14 @@
wrapper.style.overflowY = "hidden"; wrapper.style.overflowY = "hidden";
wrapper.style.top = ""; wrapper.style.top = "";
fixedContainer.style.height = "0px"; fixedContainer.style.height = "0px";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "hidden";
html.style.backgroundColor = "#ffffff"; html.style.backgroundColor = "#ffffff";
document.body.style.overflow = "hidden";
document.body.style.width = "100%"; document.body.style.width = "100%";
document.body.style.height = "100%"; document.body.style.height = "100%";
fixedWrapper.style.overflow = "hidden";
fixedWrapper.style.width = "100%";
fixedWrapper.style.height = "100%";
scale = 1; scale = 1;
window.scale = window.devicePixelRatio / scale; window.scale = window.devicePixelRatio / scale;

20
src/main/resources/com/finebi/plugin/web/scripts/entry.js
Unescape View File

@ -2,12 +2,15 @@
var scale = 1, transformY = 0, selected = true; var scale = 1, transformY = 0, selected = true;
var html = document.getElementsByTagName('html')[0]; var html = document.getElementsByTagName('html')[0];
var wrapper = document.getElementById("wrapper"); var wrapper = document.getElementById("wrapper");
var fixedWrapper = document.createElement("div");
var fixedContainer = document.createElement('div'); var fixedContainer = document.createElement('div');
fixedContainer.style.position = "absolute"; fixedContainer.style.position = "absolute";
fixedContainer.style.top = "0"; fixedContainer.style.top = "0";
fixedContainer.style.left = "0"; fixedContainer.style.left = "0";
fixedContainer.style.width = "100%"; fixedContainer.style.width = "100%";
document.body.appendChild(fixedWrapper);
fixedWrapper.appendChild(wrapper);
wrapper.appendChild(fixedContainer); wrapper.appendChild(fixedContainer);
var jQuery = $ || window.jQuery; var jQuery = $ || window.jQuery;
@ -60,14 +63,15 @@
wrapper.style["-ms-transform"] = "scale(" + bounds.scale+ ")"; wrapper.style["-ms-transform"] = "scale(" + bounds.scale+ ")";
wrapper.style["-ms-transform-origin"] = "top left"; wrapper.style["-ms-transform-origin"] = "top left";
fixedContainer.style.height = (document.body.clientHeight / scale) + "px"; fixedContainer.style.height = (document.body.clientHeight / scale) + "px";
wrapper.style.overflowY = "hidden"; wrapper.style.overflowY = "auto";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "auto";
html.style.backgroundColor = "#ffffff"; html.style.backgroundColor = "#ffffff";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "auto";
fixedWrapper.style.overflow = "hidden";
if (scale < 1) { if (scale < 1) {
document.body.style.width = bounds.width + "px"; fixedWrapper.style.width = bounds.width * scale + "px";
document.body.style.height = bounds.height + "px"; fixedWrapper.style.height = bounds.height * scale + "px";
} }
window.scale = window.devicePixelRatio * scale; window.scale = window.devicePixelRatio * scale;
@ -84,12 +88,14 @@
wrapper.style.overflowY = "hidden"; wrapper.style.overflowY = "hidden";
wrapper.style.top = ""; wrapper.style.top = "";
fixedContainer.style.height = "0px"; fixedContainer.style.height = "0px";
document.body.style.overflowX = "hidden";
document.body.style.overflowY = "hidden";
html.style.backgroundColor = "#ffffff"; html.style.backgroundColor = "#ffffff";
document.body.style.overflow = "hidden";
document.body.style.width = "100%"; document.body.style.width = "100%";
document.body.style.height = "100%"; document.body.style.height = "100%";
fixedWrapper.style.overflow = "hidden";
fixedWrapper.style.width = "100%";
fixedWrapper.style.height = "100%";
scale = 1; scale = 1;
window.scale = window.devicePixelRatio / scale; window.scale = window.devicePixelRatio / scale;

Write Preview
Loading…
Cancel
Save