为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

杨__羊羊 2018-08-02 14:09:22
我做一个移动端上滑页,现在需要单击一下也可以滑动到下一页,请问js点击一下也可以模拟手机上滑吗?该怎么写呢?谢谢!
查看完整描述

1 回答

?
繁花不似锦

TA贡献1851条经验 获得超4个赞

<!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>
直接这样行 应该就成吧 我刚在手机上测试可以


查看完整回答
反对 回复 2018-09-17
  • 1 回答
  • 0 关注
  • 787 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信