jquery向上滚动,jquery向下滑动元素

Jquery手机向上滑动翻页怎么实现

//声明一个为0的变量做记录值

doucument.body.addEvenetListener('touchstart',function(e){

//记录下按下时的e.touches[0].clientY或者e.touches[0].pageY;

});

document.body.addEventListener('touchmove',function(e){

//获取当前e.touches[0].clientY或者e.touches[0].pageY 并且与之前记录的值比较 当前值大于之前值的话就可以判断当前动作是在向上滑动 然后做翻页的操作即可

});

如果用现成的js框架做的话 有一个叫quo.js的框架非常不错

相关问答

Q1: jquery 文字向上滚动在怎么写

内容 内容 var oMarquee = document.getElementById("mq"); //滚动对象 var iLineHeight = 25; //单行高度，像素 var iLineCount = $ForcastWeatherListFirst.Count; //实际行数 var iScrollAmount = 1; //每次滚动高度

Q2: 用jquery来设置网页导航栏向下滚动时隐藏，向上滚动时显示的代码

script type="text/javascript" src=""/script

script

    (function() {

    new Headroom(document.querySelector("#nav-scroll"), { //这里的nav-scroll改为你的导航栏的id或class

        offset : 5, // 在元素没有固定之前，垂直方向的偏移量（以px为单位）

            tolerance: 5, // scroll tolerance in px before state changes        

        classes: {

            initial: "animated",  // 当元素初始化后所设置的class

            pinned: "slideUp", // 向上滚动时设置的class

            unpinned: "slideDown" // 向下滚动时所设置的class

        }

    }).init();    

    }());

/script

然后，加上样式就可以了：

.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}

.animated .slideDown {top: -100px;}

.animated .slideUp {top: 0;}