js检测滚动

转载 2018年04月17日 17:17:26

记笔记,免忘记!

借鉴网上的

HMTL:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>

<body>
    <header>
    </header>
    <section style="height: 1500px;background-color: #f0f0f0">
    </section>
    <footer>
    </footer>
</body>
</html>

JS:

window.onscroll = function () {

        var a = document.documentElement.scrollTop || document.body.scrollTop;//滚动条y轴上的距离
        var b = document.documentElement.clientHeight || document.body.clientHeight;//可视区域的高度
        var c = document.documentElement.scrollHeight || document.body.scrollHeight;//可视化的高度与溢出的距离(总高度)
        if(a > 0){
            document.querySelector('#header').style.top = 0 + 'px';
        }else{
            document.querySelector('#header').style.top = 36 + 'px';
        };
    };

链接

JS判断鼠标滚轮停止滚动

学习过程中碰到需要在滚轮滚动以及停止滚动时触发不同的事件,然后发现JS里监听的事件只有鼠标滚动事件;然后想到的思路是设置一个计时器,200毫秒后执行滚轮停止事件,每次滚动重置计时器的时间,但是这样做的...
  • actttt
  • actttt
  • 2017-08-01 21:21:04
  • 165

学习--jquery 记录 使用js判断滚轮滚动方向

从网上 收集到的资料 自己整理一下
  • u011380927
  • u011380927
  • 2015-11-29 14:02:50
  • 1074

如何检测UIWebView的滚动?

webView 其实就是一个scrollView _homeWebView.scrollView.delegate = self; webView就可以实现webView代理和scrollV...
  • Joycecsdn
  • Joycecsdn
  • 2015-08-11 15:22:44
  • 703

原生js元素惯性滚动

元素惯性滚动
  • qq379682421
  • qq379682421
  • 2017-12-14 10:14:47
  • 71

JavaScript判断鼠标中键滑轮的上下滚动

我们现在操作电脑最常用的就是鼠标,对于鼠标来说,左右键的处理事件必不可少,但是鼠标中键的上下滚动也可以在页面中做出相当炫的效果。...
  • fxss5201
  • fxss5201
  • 2017-02-12 23:05:48
  • 1017

js判断滚动条是否已到页面最底部或顶部实例-拓展(逐渐-自动下滑滚动)

/**以下是具体的html*/    /******************** * 取窗口滚动条高度  ******************/ functi...
  • qq_14861367
  • qq_14861367
  • 2016-07-06 16:16:30
  • 243

3D滚动js超级帅效果

  • 2009年09月07日 22:36
  • 45KB
  • 下载

通用不间断滚动JS封装类

  • 2009年06月25日 22:08
  • 53KB
  • 下载

js 浏览器滚动事件

#top_div{ position:fixed;//fixed是相对于浏览器窗口定位,而absolute和relative是相对元素定位 bottom...
  • lishaojun0115
  • lishaojun0115
  • 2016-01-04 16:22:07
  • 3072

js单纯判断滚动条方向

Js代码   function scroll( fn ) {       var beforeScrollTop = document.body.scrollTop,           fn ...
  • lz305263
  • lz305263
  • 2017-04-25 17:58:11
  • 446
收藏助手
不良信息举报
您举报文章:js检测滚动
举报原因:
原因补充:

(最多只允许输入30个字)