Skip to content

php / citic-fighting

Go to a project
Commit 4021bfac by dosZhang
Options

updata canvas height

parent 571938cc
Showing with 26 additions and 26 deletions
Public/static/js/common.js
......@@ -225,32 +225,32 @@ function initPage() {
// const displacement = parseFloat(getTranslateDistance());
// const wrapHeight = parseFloat($('.wrap').css('height'));
canvasHeight = 1238;
$('.upload-canvas-block,.poster-img,.show-img,.poster-canvas').css('height', wrapHeight + 'px').css('top', displacement < 0 ? -displacement : 0 + 'px');
if (-displacement + 179 > 243) {
$('.upload-page .logo').css('top', -displacement + 183 + 'px');
}
if (displacement > 0) {
const scale = document.documentElement.clientHeight / $('.page').height();
$('.wrap-inner').css({
'transform': 'translate(0%,-50%) scale(1,' + scale + ')'
});
$('.top').css('top', '0px');
$('.bottom').css({
top: 'auto',
bottom: '0px'
});
} else {
$('.top').css('top', -displacement - 5 + 'px');
$('.bottom').css({
top: 'auto',
bottom: -displacement - 5 + 'px'
});
username_bottom = 352 + (-displacement - 5)
company_bottom = 318 + (-displacement - 5)
$('.username').css('top', 'auto').css('bottom', username_bottom + 'px')
$('.company').css('top', 'auto').css('bottom', company_bottom + 'px')
}
// $('.upload-canvas-block,.poster-img,.show-img,.poster-canvas').css('height', wrapHeight + 'px').css('top', displacement < 0 ? -displacement : 0 + 'px');
// if (-displacement + 179 > 243) {
// $('.upload-page .logo').css('top', -displacement + 183 + 'px');
// }
// if (displacement > 0) {
// const scale = document.documentElement.clientHeight / $('.page').height();
// $('.wrap-inner').css({
// 'transform': 'translate(0%,-50%) scale(1,' + scale + ')'
// });
// $('.top').css('top', '0px');
// $('.bottom').css({
// top: 'auto',
// bottom: '0px'
// });
// } else {
// $('.top').css('top', -displacement - 5 + 'px');
// $('.bottom').css({
// top: 'auto',
// bottom: -displacement - 5 + 'px'
// });
// username_bottom = 352 + (-displacement - 5)
// company_bottom = 318 + (-displacement - 5)
// $('.username').css('top', 'auto').css('bottom', username_bottom + 'px')
// $('.company').css('top', 'auto').css('bottom', company_bottom + 'px')
// }
}
function changePoster() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment