Javascript Touch事件學(xué)習(xí)筆記6 實現(xiàn)一個APP框架四 點擊進(jìn)入內(nèi)容詳細(xì)
在上篇日志的基礎(chǔ)上來新增功能：點擊進(jìn)入詳細(xì)頁。
一，首先將目前各種情況下加載出來的內(nèi)容，綁定上進(jìn)入詳細(xì)頁的事件。
這些情況包括：初始化頁面的時候，向上滑動加載最新的時候，向下滑動加載更多的時候。
二：新建一個用來顯示內(nèi)容的div層。絕對定位，方便滑進(jìn)滑出。
這里有一些細(xì)節(jié)，比如為了每次保證滑進(jìn)滑出的時候，跟當(dāng)前的滾動是在同一個水平上的，每次在滑進(jìn)的時候都要將top重置一次等等。
三：詳細(xì)頁點擊頭部返回。
為了保證漸變效果沒有將z-index還原，所以在其他操作的時候，記得先將其還原。
注意點：
這個功能在桌面瀏覽器上無法實現(xiàn)，因為在列表頁面click事件總是會被觸發(fā)，但是在移動瀏覽器上是OK的。
Demo入口：摸這里
Touch事件全部筆記：
1，入門
2，實例-拖動元素
5，向下滑動加載更多