Как убрать остановки в js коде, при скролле?

Question

[Mark]

У меня есть кнопка, которая при клике переносит вниз,
но при адаптации я заметил, что если поменять расстояние на которую,
при клике будет переносить кнопка, появляются остановки. Как это исправить?
Вот ссылка на Codepen: https://codepen.io/anon/pen/gEYwaK

Comments

[lamer350]

в Safari вообще не работает

Answer 1

[Владимир]

первый цикл проходит в любом случае - 100 пикселей за секунду, второй - если ширина меньше 2500 - 1000 пикселей засекунду.
Не появились идеи ?

Comments

[Mark]

Ок, у меня осталась одна проблема, чтобы кнопка поменяла цикл, нужно перезагрузить страницу. Как избежать перегрузки?

[Владимир]

Mark Sikr, Думай головой, тщательно думай. Проблема элементарная.

[Mark]

можете пожалуйста подсказать, я не совсем понимаю в каком направлении двигаться

[Владимир]

Mark Sikr,
1) Посмотри фильм "Марсианин"
2) По шагам разбери что делает твой код
а) Определяет ширину экрана
б) В зависимости от ширины экрана садит нужный обработчик на событие клика
в) Вызывает это обработчик каждый раз когда кликаешь вне зависимости от того, менял ты размер экрана или нет.

Очевидно, что именно такая последовательность не сработает, проблема в том, что ширину экрана ты определяешь только один раз, когда страница открывается. Напиши на русском или картинками, последовательность которая могла бы сработать и запиши ее в коде.