关于js模拟移动端上滑问题。

我做一个移动端上滑页,现在需要单击一下也可以滑动到下一页,请问js点击一下也可以模拟手机上滑吗?该怎么写呢?谢谢!

https://img.mukewang.com/5b9f71b900015c1303640172.jpg

杨__羊羊
浏览 788回答 1
1回答

繁花不似锦

<!DOCTYPE html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;charset="utf-8"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="js/jquery-1.11.3.js"></script> &nbsp;&nbsp;&nbsp;&nbsp;<title></title> &nbsp;&nbsp;&nbsp;&nbsp;<style> &nbsp;&nbsp;&nbsp;&nbsp;*{margin:0px;padding:0px;}&nbsp;&nbsp;&nbsp;&nbsp;body{overflow:hidden;}&nbsp;&nbsp;&nbsp;&nbsp;</style> &nbsp;&nbsp;&nbsp;&nbsp;<script> &nbsp;&nbsp;&nbsp;&nbsp;$(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;h=$(window).height(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(".main").css("height",2*h+"px"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(".prev").css("height",h+"px"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(".next").css("height",h+"px"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#next").click(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(".main").animate({"margin-top":-h+"px"},1000); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;</script></head><body><div&nbsp;class="main">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="prev"&nbsp;style="background:red"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p&nbsp;id="next">下一个</p> &nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="next"&nbsp;&nbsp;style="background:blue"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</div></div></body></html>直接这样行 应该就成吧 我刚在手机上测试可以
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript