用jquery写了视差.
我的javascript技巧很糟糕.
你能把我的代码放到vanilla js的方式吗?
https://jsfiddle.net/Islam_Ibakaev/yqb2sbgc/15/#username
$('#intro').on('mousemove', function(e) {
var w = $(window).width();
var offsetX = 0.5 - e.pageX / w;
var moon = $(this).find('.moon');
var buildings = $(this).find('.buildings');
var offsetForM = parseInt(moon.data('offset'));
var offsetForB = parseInt(buildings.data('offset'));
var translateM = "translate(" + Math.round(offsetX * offsetForM) + "px";
var translateB = "translate(-" + Math.round(offsetX * offsetForB) + "px";
moon.css({
'-webkit-transform': translateM,
'transform': translateM,
'moz-transform': translateM
});
buildings.css({
'-webkit-transform': translateB,
'transform': translateB,
'moz-transform': translateB
});
});
Run Code Online (Sandbox Code Playgroud)