Что вызывает это вращательное движение в моих слоях параллакса, и как я могу остановить его? - PullRequest
Новая
       32

Что вызывает это вращательное движение в моих слоях параллакса, и как я могу остановить его?

0 голосов
/ 09 апреля 2019

Я работаю с Parallax.js, создаю свои слои и устанавливаю свои трение и скалярные переменные.Эффект параллакса работает отлично.

Но по какой-то причине в Chrome и Safari после каждых нескольких перезагрузок мои слои параллакса начинают двигаться медленными кругами (не только в ответ на ввод с помощью мыши), и я не могу понять, что вызывает это.Результат вызывает тошноту и портит результат.Я хочу удалить ВСЕ из этого математического кругового движения из parallax.js.Мне просто нужен эффект параллакса на вводе мышью, а в противном случае никаких движений.

Я пробежался по коду, чтобы попытаться выяснить, что вызывает вращательное движение, которое не просто является реакцией на ввод мыши, но может 'не могу найти это.Кажется, все, что там связано, напрямую связано с вводом мышью.

В Chrome я вижу, что свойства слоя transform3d меняются, но я не могу понять, почему это происходит.

Iесть слои разных размеров, и кажется, что чем больше размер слоя, тем больше расстояние, на которое он перемещается.

Я подозреваю, что это связано с этим, но я не знаю.Я надеюсь, что тот, кто использует 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 и 100% времени в Chrome слои перемещаются самостоятельно, отдельно от ввода мышью.

...