※ [本文转录自 Soft_Job 看板 #1MveRIlf ]
作者: Linux (Windows) 看板: Soft_Job
标题: [心情] jQuery ScrollView extend function
时间: Mon Mar 14 17:39:23 2016
Hi all,
有段时间没发文了，分享一下今天写的小作品！
DEMO: http://comdan66.github.io/OA-mobileScrollView/
这是一个模拟手机水平 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 的资料夹。
有兴趣的话可以参考一下哟，也欢迎分享！