判斷用戶下拉是否觸底

export default {
  data(){
    return{
      date:[]
    }
  },
  methods:{
    async getInitialUsers(){
      let res = await get_message.get('http://localhost:3000/json')
      this.date.push(res)
      console.log(this.date)
    },
    scroll(){
      window.onscroll = () =>{
        // console.log("滾動條滾動距離",document.documentElement.scrollTop)
        // console.log("窗口可視高度",window.innerHeight)
        // console.log("元素的高度",document.documentElement.offsetHeight)
        let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight  ===  document.documentElement.offsetHeight
        console.log("滑動到最底部",bottomOfWindow)
        if(bottomOfWindow){//用戶下拉觸底
          setTimeout(()=>{
            this.getInitialUsers() //發送請求ajax獲取數據
          },1000)
        }
      }
    }
  },
  mounted(){
    this.getInitialUsers()//頁面加載完成,請求一次數據
    this.scroll()//每次用戶下拉觸底後再次發送ajax請求獲取數據
  }
}
相關文章
相關標籤/搜索