Как убрать баг кнопки «наверх»?

Question

[Александр]

Здравствуйте. Вот код https://jsfiddle.net/11mojtpy/5/
Нужно сделать так, что бы кнопка "наверх" не пропадала в одном случае: например я кручу страницу вниз, остановился, нажал на кнопку "наверх", страница подлетела вверх, на кнопке поменялась надпись "вниз", но кнопка не пропала. Она пропадает только в том случае, если я начинаю скролить страницу вниз, а если я например хочу вернуться к тому месту где нажал на кнопку "наверх", то я спокойно нажимаю на кнопку "вниз" (она видна) и она не пропадает и не дергается.
У меня дергается, почему дергается я знаю, но не знаю как это исправить(
Буду благодарен за помощь!

Answer 1

[Anton fon Faust]

Да не надо просто ставить right: -100px, когда скроллится по кнопке.
Вы когда нажимаете "вниз" - событие скролл вызывается уйму раз.

Comments

[Александр]

А как её прятать когда она вверху страницы?

[Anton fon Faust]

Александр, У вас только один случай, когда нужно ее прятать:
страница прокручена до вехра && сделано это не про нажатию кнопки "наверх"

Вообще, очень корявенько сделано...
В вашем случае, например, можно было бы по клику блочить обработку события "scroll", а по transitionend - возобновлять.

[Александр]

Спасибо!