单击并按住以滚动，touchstart，touchmove，touchend

Question

我有一个可滚动的div。我希望人们能够通过“保持”滚动列表，并选择一个按钮进行点击。

问题是当按下按钮以滚动div时，它会触发点击功能。

我希望滚动时不会触发。我需要一些方法来区分保持功能的点击。

所以我正在使用：

$('.panel').bind("touchstart mousedown", function (e) {
console.log(e.type);
$(this).addClass('resize');

}).bind("touchmove mousemove", function (e) {
$(this).removeClass('resize');

}).bind("touchend mouseup", function (e) {
$(this).removeClass('resize');
$('.panel').addClass('flip');
});

我想到了以下解决方案。

当'.panel' mousedown超过500 ms时，按钮会激活，按下：

$(this).addClass('resize');

当'.panel'为mouseup时，按钮会返回正常状态，然后所有按钮都会移动输出：

$(this).removeClass('resize');
 $('.panel').addClass('flip');

但如果用户mousemove，mousedown和mouseup操作被取消。

只是不知道如何将其付诸实践

类似于： http://m.microsoft.com/windowsphone/en-us/demo/default.aspx

请建议。