pc端的跟随鼠标事件和大屏幕缩放、tweenmax使用
2019-07-16 本文已影响0人
guoss
1.鼠标跟随立绘事件
https://github.com/Anngisa/problem-in-coding/commit/6163fd8bf0d7d62487cb0e1b4f0322c4a8a90115
- 屏幕的缩放
const initScale = function () {
let winW = $(window).width() < 1400 ? 1400 : $(window).width()
let radio = winW / 1900
radio = radio > 1 ? 1 : radio
$('#loadingpart, .wrap').css({
'-webkit-transform': `scale(${radio}, ${radio})`,
'-moz-transform': `scale(${radio}, ${radio})`,
'-o-transform': `scale(${radio}, ${radio})`,
'-ms-transform': `scale(${radio}, ${radio})`,
'transform': `scale(${radio}, ${radio})`,
'-webkit-transform-origin': 'top left',
'transform-origin': 'top left'
})
$('#footer-wrap').height(radio*1560);
}
3.tweemax 使用
https://github.com/Anngisa/problem-in-coding/blob/master/tweenmax%20%E4%BD%BF%E7%94%A8