Почему при скролле кнопка «наверх» не появляется?

Question

[Денис]

Пытаюсь кнопку "наверх" сделать, уже третье решение пробую, везде ругался браузер на скрипт а в этом все ок, но кнопка не появляется при скролле, если убрать свойство display: none; кнопку видно и все работает.. помогите разобраться...

<script src="assets/js/jquery-3.3.1.min.js"></script>
<script>
    // (function($) {
        function backToTop() {

          let button = $('back-to-top');

          $(window).on('scroll', () => {
            if ($(this).scrollTop() >= 50) {
              button.fadeIn();
            } else {
              button.fadeOut();
            }
          });

          button.on('click', (e) => {
            e.preventDefault();
            $('html').animate({scrollTop: 0}, 1000);
          })
        }

        backToTop();
    // })(jQuery);
  </script>

html
<a href="#" class="back-to-top"></a>
css

.back-to-top {
	position: fixed;
	right: 10px;
	bottom: 100px;
	width: 50px;
	height: 50px;
	border-color: transparent;
	border-radius: 50px;
	background-color: gray;
	display: none;
	
	
}

Comments

[0xD34F]

$('back-to-top')

Где-то здесь не хватает точки.

[Денис]

блин спс, устал наверно, спать пойду..