MediaWiki:Common.js: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 171: / Строка 171: @@
 const btnUp = {
    el: document.querySelector('.btn-up'),
+  scrolling: false,
    show() {
-     this.el.classList.remove('btn-up_hide');
+     if (this.el.classList.contains('btn-up_hide') && !this.el.classList.contains('btn-up_hiding')) {
+      this.el.classList.remove('btn-up_hide');
+      this.el.classList.add('btn-up_hiding');
+      window.setTimeout(() => {
+        this.el.classList.remove('btn-up_hiding');
+      }, 300);
+    }
    },
    hide() {
-     this.el.classList.add('btn-up_hide');
+     if (!this.el.classList.contains('btn-up_hide') && !this.el.classList.contains('btn-up_hiding')) {
+      this.el.classList.add('btn-up_hiding');
+      window.setTimeout(() => {
+        this.el.classList.add('btn-up_hide');
+        this.el.classList.remove('btn-up_hiding');
+      }, 300);
+    }
    },
    addEventListener() {
+    // при прокрутке окна (window)
      window.addEventListener('scroll', () => {
        const scrollY = window.scrollY || document.documentElement.scrollTop;
-       scrollY > 400 ? this.show() : this.hide();
+       if (this.scrolling && scrollY > 0) {
+        return;
+      }
+      this.scrolling = false;
+      // если пользователь прокрутил страницу более чем на 200px
+      if (scrollY > 400) {
+        // сделаем кнопку .btn-up видимой
+        this.show();
+      } else {
+        // иначе скроем кнопку .btn-up
+        this.hide();
+      }
      });
+    // при нажатии на кнопку .btn-up
      document.querySelector('.btn-up').onclick = () => {
+      this.scrolling = true;
+      this.hide();
+      // переместиться в верхнюю часть страницы
        window.scrollTo({
          top: 0,