先上個效果圖html
如今只開發了年月,還在優化。vue
在網上看了一個純原生js實現實現慣性滾動和回彈的文章 地址:http://www.javashuo.com/article/p-nksgiceu-ce.html。優化
因而改形成vue的scroll組件,而後派發scroll-end 滾動結束事件 和 on-scroll正在滾動事件, 傳入滾動的Y值。htm
最後基於scroll組件調整位置,開發出示例圖上的datepicker, 功能比較簡單, 等優化後再傳上代碼blog