利用 CSS 屬性 overscroll-behavior 避免滾動 parent element
根據文件說明，設定 overscroll-behavior: contain 有兩個用處：
- 當有重疊的元素時，當在上面的元素滾動到底時不會接著滾動下方元素
- 在 Android Chrome，避免當下拉網頁時會重新整理
如果今天你需要做一個像是 Facebook 聊天室的迷你視窗，當用戶滾完所有對話紀錄後不會接著滾 body 的 scroll bar。非常好的使用者體驗！
根據文件說明，設定 overscroll-behavior: contain 有兩個用處：
如果今天你需要做一個像是 Facebook 聊天室的迷你視窗，當用戶滾完所有對話紀錄後不會接著滾 body 的 scroll bar。非常好的使用者體驗！