[update] 1. 跳轉頁面時 scollTop 2. GoToTop btn not work

Mila

2021-11-12 3735262f83ba523cae560cd52478b908996d162d

[update] 1. 跳轉頁面時 scollTop 2. GoToTop btn not work

 PAMapp/assets/scss/_common.scss

@@ -4,18 +4,9 @@
    margin: 0;
    color: $PRIMARY_BLACK;
    font-family: Segoe UI;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

html {
    overflow: hidden;
    height: 100%;
}

body {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

// btn

 PAMapp/components/Ui/UiGoToTop.vue

@@ -18,7 +18,7 @@

    created() {
        if (process.browser) {
            window.onscroll = () => { this.scrollFunction() };
            document.body.addEventListener('scroll', this.scrollFunction);
        }
    }

@@ -34,6 +34,10 @@
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }

    destroyed() {
        document.body.removeEventListener('scroll', this.scrollFunction);
    }
}
</script>


 PAMapp/nuxt.config.js

@@ -60,5 +60,15 @@
    scss: [
      '~/assets/scss/main.scss'
    ]
  },
  router: {
    scrollBehavior (to, from, savedPosition) {
      if (savedPosition) {
        return savedPosition;
      } else {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      }
    }
  }
}