JS和JQuery监听滚动条事件

网上查了一下,找到两种js监听滚轮事件的方法

(1)window.onscroll = function() {} 

(2)document.addEventListener("onscroll", function (e) {})

js例子:

#scrollup{
        background: #777;
        color:#eee;
        font-size: 40px;
        text-align: center;
        text-decoration: none;
        bottom:65px;
        right:20px;
        overflow: hidden;
        width:46px;
        height:46px;
        border:none;
        opacity:.8;
        &:active{opacity:.7;}
    }

写成jquery的话就是比如这样:

JS和JQuery监听滚动条事件_第1张图片

JS和JQuery监听滚动条事件_第2张图片

你可能感兴趣的:(JavaScript)