我正在使用Parallax.js,并制作了图层并设置了摩擦和标量变量。视差效果很好。
但是,由于某种原因,在Chrome和Safari中,每次重载时,我的视差层开始缓慢移动(不仅是响应鼠标输入),而且我不知道是什么原因造成的。结果令人作呕,并破坏了结果。我想从parallax.js中删除所有这种圆周运动数学运算。我只希望视差效果对鼠标输入有效,否则就不会移动。
我仔细研究了代码,试图找出导致旋转运动的原因,这不仅是对鼠标输入的响应,而且找不到。那里的一切似乎都与鼠标输入直接相关。
在Chrome中,我可以看到该图层的transform3d属性正在变化,但是我不知道为什么会发生这种情况。
我的图层大小各不相同,看来图层的大小越大,移动的距离就越大。
我怀疑这与此有关,但我不知道。我希望使用parallax.js的人知道是什么导致图层绕圈运动。
Plugin.prototype.updateDimensions = function() {
this.ww = window.innerWidth;
this.wh = window.innerHeight;
this.wcx = this.ww * this.originX;
this.wcy = this.wh * this.originY;
this.wrx = Math.max(this.wcx, this.ww - this.wcx);
this.wry = Math.max(this.wcy, this.wh - this.wcy);
};
我希望图层仅响应鼠标输入而移动。这是预期的行为,但是在Safari中重新加载时以及在Chrome中100%的时间中,图层都是独立移动的,与鼠标输入是分开的。