# PhotoGallery  手機上:  ## <font color="#48C9B0">**Scrolling loading**</font> “接近”頁面底部滾動時載入更多內容,以及底部placeholder的icon在loding狀態時才顯示在頁面上。   判斷畫面有沒有被Image填滿,若是沒有填滿就繼續載入下一批 ``` /*滾動區域底部佔整個畫面的10%以下*/ if(this.documentHeight()-this.windowHeight()-this.scrollTop() < this.windowHeight()*0.1 && !this.bottom) { this.postData(); } ```  ## <font color="#48C9B0">**Scroll EventListener**</font> ``` 判斷底部距離 nearToBottom = 50 /*滾動區域高度px*/ if(this.scrollTop() + this.windowHeight() >= (this.documentHeight() - nearToBottom)) { this.loadImage(); } ``` ``` 判斷是否滾動到頁面底部(資料全部載入) if(page == floor(response.total / pageSize)) return true else return false ``` ## <font color="#48C9B0">**Hovering Effect**</font>  ## <font color="#48C9B0">**留言編輯功能**</font>  ## <font color="#48C9B0">**詳細資料**</font>     ## 資料權限設定介面設計 基本需求必須要有項目資訊、設定繼承選項、預設權限設定、個別權限設定。  ## 資料分享設定介面設計 
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up