jQuery触摸手机全屏上下滑动滚屏特效

全屏经典上下滚动插件

js部分修改自动获取div最大值

<script type="text/javascript">
        $(document).ready(
                function () {
                    var speed = 800;//图片滑动速度
                    var maxpage = $('.container .page').size() - 1;
                    var nowpage = 0;
                    //给最大的盒子增加事件监听
                    $(".container").swipe(
                            {
                                swipe: function (event, direction, distance, duration, fingerCount) {
                                    if (direction == "up") {
                                        nowpage = nowpage + 1;
                                    } else if (direction == "down") {
                                        nowpage = nowpage - 1;
                                    }

                                    if (nowpage > maxpage) {
                                        nowpage = maxpage;
                                        alert("已经到最后一张了");
                                    }

                                    if (nowpage < 0) {
                                        nowpage = 0;
                                        alert("这是第一张");
                                    }
                                    $(".container").animate({"top": nowpage * -100 + "%"}, speed);
                                }
                            }
                    );
                }
        );
    </script>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com