小编dev*_*pah的帖子

如何将我的jquery脚本转换为vanilla js?

用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)

javascript jquery parallax

2
推荐指数
1
解决办法
834
查看次数

标签 统计

javascript ×1

jquery ×1

parallax ×1