[心情] jQuery ScrollView extend function
Hi all,
有段時間沒發文了，分享一下今天寫的小作品！
DEMO: https://works.ioa.tw/OA-mobileScrollView/index.html
這是一個模擬手機水平 scroll view 的滑動效果，
是利用 jquery、jquery-ui、jquery.ui.touch-punch 實作！
主要依賴 jquery.js 與 jquery-ui.js 實作 scroll view，
再利用 jquery-ui 的 draggable 設定 axis: 'x' 完成水平拖曳移動，
但在手機的滑動 draggable 會失效，所以需要 jquery.ui.touch-punch.js 修正，
然後我再利用這些巨人大大的 lib 作出 這個 extend function！
特別注意，Demo 網站所有元素都用 box-sizing: border-box;
所以要改的話，要稍微注意，
版型 css 部分，是使用 scss 撰寫，故此專案會有 scss、css 的資料夾。
有興趣的話可以參考一下喲，也歡迎分享！
--
Live Demo: https://works.ioa.tw/OA-mobileScrollView/index.html
GitHub: https://github.com/comdan66/OA-mobileScrollView
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.23.19.91
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1457948370.A.BE9.html
推
03/14 17:43, , 1F
03/14 17:43, 1F
→
03/14 17:44, , 2F
03/14 17:44, 2F
推
03/14 18:09, , 3F
03/14 18:09, 3F
推
03/14 18:53, , 4F
03/14 18:53, 4F
推
03/14 19:57, , 5F
03/14 19:57, 5F
推
03/14 20:50, , 6F
03/14 20:50, 6F
推
03/14 23:28, , 7F
03/14 23:28, 7F
※ 編輯: Linux (114.43.91.221), 11/06/2016 20:10:58