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() { ...@@ -225,32 +225,32 @@ function initPage() {
// const displacement = parseFloat(getTranslateDistance()); // const displacement = parseFloat(getTranslateDistance());
// const wrapHeight = parseFloat($('.wrap').css('height')); // const wrapHeight = parseFloat($('.wrap').css('height'));
canvasHeight = 1238; canvasHeight = 1238;
$('.upload-canvas-block,.poster-img,.show-img,.poster-canvas').css('height', wrapHeight + 'px').css('top', displacement < 0 ? -displacement : 0 + '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) { // if (-displacement + 179 > 243) {
$('.upload-page .logo').css('top', -displacement + 183 + 'px'); // $('.upload-page .logo').css('top', -displacement + 183 + 'px');
} // }
if (displacement > 0) { // if (displacement > 0) {
const scale = document.documentElement.clientHeight / $('.page').height(); // const scale = document.documentElement.clientHeight / $('.page').height();
$('.wrap-inner').css({ // $('.wrap-inner').css({
'transform': 'translate(0%,-50%) scale(1,' + scale + ')' // 'transform': 'translate(0%,-50%) scale(1,' + scale + ')'
}); // });
$('.top').css('top', '0px'); // $('.top').css('top', '0px');
$('.bottom').css({ // $('.bottom').css({
top: 'auto', // top: 'auto',
bottom: '0px' // bottom: '0px'
}); // });
} else { // } else {
$('.top').css('top', -displacement - 5 + 'px'); // $('.top').css('top', -displacement - 5 + 'px');
$('.bottom').css({ // $('.bottom').css({
top: 'auto', // top: 'auto',
bottom: -displacement - 5 + 'px' // bottom: -displacement - 5 + 'px'
}); // });
username_bottom = 352 + (-displacement - 5) // username_bottom = 352 + (-displacement - 5)
company_bottom = 318 + (-displacement - 5) // company_bottom = 318 + (-displacement - 5)
$('.username').css('top', 'auto').css('bottom', username_bottom + 'px') // $('.username').css('top', 'auto').css('bottom', username_bottom + 'px')
$('.company').css('top', 'auto').css('bottom', company_bottom + 'px') // $('.company').css('top', 'auto').css('bottom', company_bottom + 'px')
} // }
} }
function changePoster() { 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