Question

我有一个大问题，我有自己制作的网站可以在桌面电脑上使用，但不适用于手机（触摸屏）和iPhone＆amp; iPad兼容。在网站上我向上/向下滚动鼠标滚轮，并且所有四个方向（左/右/上/下）都有按键，我如何在这里使用滑动命令？

Answer 1

您可以使用此插件绑定滑动事件：http://labs.skinkers.com/touchSwipe/

示例：http://labs.skinkers.com/touchSwipe/demo/Basic_swipe.html 示例代码：

$("#test").swipe( {
    //Generic swipe handler for all directions
    swipeLeft:function(event, direction, distance, duration, fingerCount) {
       alert("Swiped 50px left")
    },
    threshold:50
  });

上面的代码不会直接移动您的页面！您可以使用该属性swipeStatus

$("#test4").swipe( { swipeStatus:swipe2, allowPageScroll:"vertical"} );

试试这个：

$("body").swipe( {
 swipeUp:function(event, direction, distance, duration, fingerCount) {
       scroll_up();
    },
    swipeDown:function(event, direction, distance, duration, fingerCount) {
       scroll_down();
    },
    swipeLeft:function(event, direction, distance, duration, fingerCount) {
       scroll_left();
    },
    swipeRight:function(event, direction, distance, duration, fingerCount) {
       scroll_right();
    }
});

Answer 2

您可能希望了解为此类功能构建的JQuery Mobile事件。

例如： http://stephband.info/jquery.event.swipe/

需要让我的jquery网站在iPhone上滚动（刷卡）？

2 个答案: