鍍金池/ 問答/HTML5  HTML/ 百度找不到答案,webapp滾動(dòng)方式

百度找不到答案,webapp滾動(dòng)方式

請(qǐng)問JavaScript如何做到這種滾動(dòng)。。搜了好久也沒有答案,望達(dá)人給個(gè)思路或是有demo
當(dāng)頁(yè)面上滑動(dòng)的時(shí)候頂部紅色部分可以向上滾動(dòng)。下滑的時(shí)候不動(dòng),在列表區(qū)域執(zhí)行下拉刷新。。

開發(fā)工具HBuilder mui框架 + mescroll 刷新加載插件。
GIF2.gif

回答
編輯回答
假灑脫

1.其實(shí)頭部不是滾動(dòng),只是向上滾動(dòng)的時(shí)候隱藏,往下滾動(dòng)的時(shí)候顯示,然后加上slideIn和slideOut的動(dòng)畫
2.所以只要監(jiān)聽頁(yè)面的滾動(dòng)事件。判斷是往上滾動(dòng)還是往下滾動(dòng),給header添加對(duì)應(yīng)的動(dòng)畫就好了

2017年9月19日 14:18