fix: scroll

Author: IITII

src/components/pic_tools/ToolGroup.vue

@@ -11,8 +11,6 @@
 import ToolButton from 'components/pic_tools/ToolButton'
 import {mapState} from 'vuex'
 
-const scrollDistance = window.innerHeight
-// const scrollDistance = window.innerHeight * 3 / 4
 const keymap = {
   scrollUp: ['w','ArrowUp'],
   scrollDown: ['s', 'ArrowDown'],
@@ -136,13 +134,20 @@ export default {
       this.$log.debug('setting')
       this.$bus.emit('btn_click_setting')
     },
+    scroll: function () {
+      return document.querySelector("#waterfall_page")
+    },
+    scrollDistance: function () {
+      return this.scroll().clientHeight
+      // return this.scroll().clientHeight * 3 / 4
+    },
     scrollUp(event) {
       event.preventDefault()
-      window.scrollBy({ top: -scrollDistance, behavior: 'smooth' })
+      this.scroll().scrollBy({ top: -this.scrollDistance(), behavior: 'smooth' })
     },
     scrollDown(event) {
       event.preventDefault()
-      window.scrollBy({ top: scrollDistance, behavior: 'smooth' })
+      this.scroll().scrollBy({ top: this.scrollDistance(), behavior: 'smooth' })
     },
     shortcut: function(event) {
       if (!this.image_shortcut) {

src/components/waterfall/PicWaterfall.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-page class="full-height-width">
+  <q-page id="waterfall_page" class="full-height-width" style="height: 95vh; overflow-y: auto;">
 
     <vue-waterfall ref="waterfall"
                    :gutter="8" :lazyload="true" :delay="400"
@@ -294,7 +294,7 @@ export default {
     btn_click_goto_top() {
       this.$log.debug('waterfall', this.$refs.waterfall.$el)
       // debugger
-      document.querySelector('html').scrollTop = 0
+      document.querySelector("#waterfall_page").scrollTop = 0
     },
     btn_click_loadMore() {
       this.$store.dispatch(`${this.storeName}/auto_next`, true)