Javascript 获取刷卡的速度值?
hammer.js()检查滑动的速度,我想知道如何获得该值,以确定元素#visitContent的左边距应该有多大,并获得更平滑的滑动 html 无礼 还有一把小提琴Javascript 获取刷卡的速度值?,javascript,swipe,hammer.js,Javascript,Swipe,Hammer.js,hammer.js()检查滑动的速度,我想知道如何获得该值,以确定元素#visitContent的左边距应该有多大,并获得更平滑的滑动 html 无礼 还有一把小提琴 从您的JSFIDLE判断,您现在使用的是平移手势,而不是滑动手势。因此,在平移事件处理程序中,您应该能够像下面这样访问拖动速度: function panGestureHandler(ev){ var velocity = ev.gesture.velocity; var velocityX = ev.gestur
从您的JSFIDLE判断,您现在使用的是平移手势,而不是滑动手势。因此,在平移事件处理程序中,您应该能够像下面这样访问拖动速度:
function panGestureHandler(ev){
var velocity = ev.gesture.velocity;
var velocityX = ev.gesture.velocityX;
var velocityY = ev.gesture.velocityY;
console.log("horizontal drag speed = " + velocityX);
}
var visits = document.getElementById('visits');
var mc = new Hammer(visits, {velocity:0.80});
mc.on("swipeleft", function(ev) {
$('#visitsContent').css({
marginLeft : '-=200px'
})
});
mc.on("swiperight", function(ev) {
$('#visitsContent').css({
marginLeft : '+=200px'
})
});
#visits
width: 100%
padding: 0px
border-bottom: none
background-color: $backgroundColorSecond
margin-bottom: 10px
margin-left: -20px
#visitsContent
div
width: 180px
height: 180px
float: left
margin-left: 5px
background-color: green
color: black
text-align: center
function panGestureHandler(ev){
var velocity = ev.gesture.velocity;
var velocityX = ev.gesture.velocityX;
var velocityY = ev.gesture.velocityY;
console.log("horizontal drag speed = " + velocityX);
}