jQuery判断页面滚动条滚动方向

$(window).scroll(function(){
                var before = $(window).scrollTop();
                $(window).scroll(function() {
                    var after = $(window).scrollTop();
                    if (before<after) {
                        console.log(‘上‘);
                        before = after;
                    };
                    if (before>after) {
                        console.log(‘下‘);
                        before = after;
                    };
                });
            });

时间: 2024-10-28 21:26:12

jQuery判断页面滚动条滚动方向的相关文章

jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部

项目背景 webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现.向下滑动,底部导航出现. 遇到问题 1.我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发.因此只能判断滚动条是上滚下滚等.关于手机手势,后面的文章会介绍,欢迎关注! 2.通过上滚下滚来让底部导航显示或者因此,安卓上面的浏览器都可以,但是苹果safari会一闪一闪,原因是苹果safari自动有个弹跳效果,导致事件重复执行,解决办法是给上滚下滚一个距离,

jquery判断页面滚动条(scroll)是上滚还是下滚

单纯判断滚动条方向 function scroll( fn ) { var beforeScrollTop = document.body.scrollTop, fn = fn || function() {}; window.addEventListener("scroll", function() { var afterScrollTop = document.body.scrollTop, delta = afterScrollTop - beforeScrollTop; if(

jQuery 判断页面上下滚动

var t = 0, b = 0; $(window).scroll(function(){ t = $(this).scrollTop(); if(b < t){ console.log('向下滚动中...') }else{ console.log('向上滚动中...') } setTimeout(function(){ b = t }, 0) }) 原文地址:https://www.cnblogs.com/xiaobaiv/p/10123766.html

jQuery 判断页面元素是否存在

在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在.原因是对一个不存在的元素进行操作是不允许的. 例如: document.getElementById("someID").innerHTML("hi"); 如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 正确的写法应该

jQuery粘性跟随滚动条滚动的导航栏源代码下载

jQuery粘性跟随滚动条滚动的导航栏源代码下载 作者:网页模板 大小:0.005MB 点击次数:3494 发布时间:2014-03-07 12:55 分享到:0 特效介绍 jQuery粘性跟随滚动条滚动的导航栏源代码下载,不兼容IE6.点击导航栏不同的按钮,滑动到不同的内容.滚动条滚动,导航栏会自始至终保持在浏览器可是区域的最顶端. 使用方法 第一步.在head区域引入下面的css样式: 01 <link href="http://fonts.googleapis.com/css?fam

jQuery判断页面滚动到底部

有时候我们需要页面滚动到底部的时候去加载更多的数据,实现思路基本上就是判断浏览器页面是否滚动到了页面底部,当滚动到页面底部的时候,用AJAX异步获取数据然后加载到页面中. 利用jQuery判断浏览器页面是否滑动到了底部: <script type="text/javascript"> // scroll event $(window).scroll(function(){ // scroll at bottom if ($(window).scrollTop() + $(w

[jquery]判断页面滚动到顶部和底部(适用于手机web加载)

//判断页面滚动到顶部和底部 $(window).scroll(function(){ var doc_height = $(document).height(); var scroll_top = $(document).scrollTop(); var window_height = $(window).height(); if(scroll_top == 0){ alert("到顶啦"); }else if(scroll_top + window_height >= doc

jQuery控制页面滚动条上下滚动

1.向上滚动  $(this).animate({ scrollTop: "-=50" }, 1000); 2.向下滚动   $(this).animate({ scrollTop: "+=50" }, 1000); 参数解读:$(this)表示要实现上下滚动的对象,-50表示向上滚动50px , +50表示向下滚动50px ,1000表示滚动速度 原文地址:https://www.cnblogs.com/hofmann/p/11846135.html

页面滚动条滚动后返回事件----JS

这两天小码哥在做页面的时候,其中有一个效果是想让右侧的一个导航随着页面向下滚动而由原来的固定(position:absolute;)模式改为悬浮(position:fixed;)模式.我当时就想到了返回函数.可是依照自己的想法写了几个JS都没成功,我在想肯定是我用错了方法了.后来经过偶一再查证,终于解决了该问题,,,下面是想分享给大家的代码.重点其实就是那段JS.当然,其中原理还得是靠自己领悟了.哈哈 代码: <!doctype html> <html> <head>