javascript - 关于js模拟移动端上滑问题。
本文介绍了javascript - 关于js模拟移动端上滑问题。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我做一个移动端上滑页,现在需要单击一下也可以滑动到下一页,请问js点击一下也可以模拟手机上滑吗?该怎么写呢?谢谢!
解决方案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.11.3.js"></script>
<title></title>
<style>
*{margin:0px;padding:0px;}
body{overflow:hidden;}
</style>
<script>
$(function(){
var h=$(window).height();
$(".main").css("height",2*h+"px");
$(".prev").css("height",h+"px");
$(".next").css("height",h+"px");
$("#next").click(function(){
$(".main").animate({"margin-top":-h+"px"},1000);
});
});
</script>
</head>
<body>
<div class="main">
<div class="prev" style="background:red">
<p id="next">下一个</p>
</div>
<div class="next" style="background:blue">
</div>
</div>
</body>
</html>
直接这样行 应该就成吧 我刚在手机上测试可以
这篇关于javascript - 关于js模拟移动端上滑问题。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文