移动端上下左右滑动

最新推荐文章于 2025-05-09 15:30:00 发布

春华秋实丶

最新推荐文章于 2025-05-09 15:30:00 发布

阅读量645

点赞数

本文链接：https://blog.youkuaiyun.com/qq_35091566/article/details/53748638

版权

<html>
<script type="text/javascript" src="./swip/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./swip/jquery.touchSwipe.min.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
$(".container").swipe(
{
swipe:function(event, direction, distance, duration, fingerCount) {
if(direction == "left"){
alert("向左滑动了");
}else if(direction == "right"){
alert("向右滑动了");
}else if(direction == "up"){
alert("向上滑动了");
}else if(direction == "down")
{
alert("向下滑动了");
}
}
}
);
}
);
</script>
</head>
<body>

<div class="container" style="height:100%;weight:100%;color:red">

</div>

</body></html>

这个库的滑动事件会在a标签里面失效，具体见博客：http://blog.youkuaiyun.com/bingqingsuimeng/article/details/39609899