Phonegap App：从屏幕边缘滑动

Posted 2023-04-18

【中文标题】Phonegap App：从屏幕边缘滑动

【英文标题】：Phonegap App: Swipe from the screen edge

【发布时间】：2013-12-16 10:14:09

【问题描述】：

我想在我的 phonegap 应用中实现滑动手势。因此，我研究了jquery mobile。但是，如果我没有忽略某些东西，jquery mobile 不会区分滑动屏幕或从屏幕上滑动 egde。因此，如果我只想在我从左屏幕边缘滑动（如很多谷歌应用程序）时实现一些滑动，那么 jquery mobile 是不可能的。那是对的吗？如果是这样，是否有一些有用的替代方案？

【参考方案1】：

我认为这在开箱即用的 jquery(-mobile) 中是不可能的。

您可以使用hammer.js。它是一个专门的库，用于在 javascript 中进行（多）触摸检测。 通过Event Data deltaX 和srcEvent 位置，您可以了解触摸开始的位置以及滑动距离的长度。

【参考方案2】：

在 jqm 1.4+ 中尝试以下，对我有用，相应地调整边缘修剪值，50 对我有好处

$( "div.ui-page" ).on( "swiperight", function( e ) 
    if ( e.swipestart.coords[0] <50) 
    // your logic 
    
);

这是用于 x 坐标的类似，您可以从 coords[1] 中获取 y