<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <title>demo - pageSlider</title>
    <!--引入pageSlider所需样式表-->
    <link rel="stylesheet" href="dist/pageSlider.css">
    <link rel="stylesheet" href="css/ks.css">
    <!--引入zepto.js-->
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.js"></script>
    <!--引入pageSlider.js文件-->
    <script src="dist/pageSlider.js"></script>
<body>
<div class="header">
    <!--DOM结构-->
    <div class="section sec1">
        <img src="images/1.jpg" alt="">
    </div>
    <div class="section sec2">
        <img src="images/2.jpg" alt="">
    </div>
    <div class="section sec3">
        <img src="images/3.jpg" alt="">
    </div>
    <div class="section sec4">
        <div class="img-box" id="img-box">
            <img src="images/4.jpg" alt="">
            <div class="f_box">
                <form name="form" id="forms" action="action/add.php" method="post">
                    <div class="f_side">
                        <span>姓  名:</span>
                        <input type="text" name="name" id="name">
                    </div>
                    <div class="f_side">
                        <span>电  话:</span>
                        <input type="text" name="phone" id="phone">
                    </div>
                    <div class="f_side">
                        <span>微  信:</span>
                        <input type="text" name="wx" id="wx">
                    </div>
                    <div style="width: 0;height: 0;overflow: hidden;">
                        <input type="text" name="times" id="times">
                    </div>
                    <div class="f_side">
                        <input type="submit" id="submit" value="提  交">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/city.js"></script>
    <script>
        //$(function(){
            var pageSlider = PageSlider.case();
        //});
        
        //a标签无法触发跳转的问题用以下代码
        /*$(".to-form-link>a").on('touchend', function() {
            location.replace($(this).attr("href"));
        });*/
    </script>
</body>
</html>

使用pageSlider 插件做了上下滑动切换页面 input输入框移动的无效，整个form表单都无效了 求大佬指点