---
# System prepended metadata

title: HTML 抓 scroll 判斷瀑布流方式

---

# HTML 抓 scroll 判斷瀑布流方式

## 全局
```
window.scrollY; //滾動的距離
document.documentElement.clientHeight; //可視視窗高度
document.documentElement.scrollHeight; //網頁全部高度

```

## 單個套件 
jquery方式
```
$(".app-message-chats").scrollTop
$(".app-message-chats").clientHeight
$(".app-message-chats").scrollHeight
```
javascript方式
```
document.getElementsByClassName("app-message-chats")[0].scrollHeight 
document.getElementsByClassName("app-message-chats")[0].clientHeight
document.getElementsByClassName("app-message-chats")[0].scrollTop
```