監聽滾動,上下翻頁

buler_sky發表於2020-11-25

1、重點公式

el.scrollTop + el.clientHeight === el.scrollHeight

2、示例程式碼

let curentPage = 1;
let totalPage = 10;
pdfScroll(event) {
    let el = event.target;
    if (el.scrollTop === 0) {
      // 載入上一頁
      if (currentPage > 1) {
        currentPage--;
        // scrollTop不設定為0,是為了可以繼續向上滾動
        el.scrollTop = 6;
      }
      return;
    }
    if (el.scrollTop + el.clientHeight === el.scrollHeight) {
      // 載入下一頁
      if (currentPage < totalPage) {
        currentPage++;
        // scrollTop不設定為0,是為了可以繼續向上滾動
        el.scrollTop = 6;
       }
    }
}

 

相關文章