angular.module(
'starter.controllers'
, [])
.controller(
'DashCtrl'
,
function
($scope) {
$scope.datas=[1,2,3,4,5,6,7,8,9,10];
var
startX=0,startY=0;
var
$domScroll=$(
"#dash_scroll_container"
);
$domScroll.on(
"touchstart"
,
function
(e){
startX=e.originalEvent.changedTouches[0].pageX;
startY=e.originalEvent.changedTouches[0].pageY;
console.log(
"start:("
+startX+
","
+startY+
")"
+
"--"
+$(
this
).scrollTop());
});
$domScroll.on(
"touchmove"
,
function
(e){
var
x = e.originalEvent.changedTouches[0].pageX-startX;
var
y = e.originalEvent.changedTouches[0].pageY-startY;
if
( Math.abs(x) > Math.abs(y)) {
//左右滑动
scrollLeft($(
this
),x);
}
else
if
( Math.abs(y) > Math.abs(x)){
//上下滑动
scrollTop($(
this
),y);
}
function
scrollLeft(obj,x){
var
currentScroll = obj.scrollLeft();
console.log(parseInt(currentScroll)-x);
obj.scrollLeft(parseInt(currentScroll)-x);
//滑动的距离
e.preventDefault();
e.stopPropagation();
}
function
scrollTop(obj,y){
var
currentScroll = obj.scrollTop();
console.log(parseInt(currentScroll)-y);
obj.scrollTop(parseInt(currentScroll)-y);
//滑动的距离
e.preventDefault();
e.stopPropagation();
}
});
})