美文网首页
原生以及jquery的获取滚动条距离页面顶部的高度的方法

原生以及jquery的获取滚动条距离页面顶部的高度的方法

作者: 演员的自我修养_4618 | 来源:发表于2017-09-20 10:20 被阅读0次

    原生

    1.function getScrollTop() {

    var scrollTop = 0;

    if (document.documentElement && document.documentElement.scrollTop) {

    scrollTop = document.documentElement.scrollTop;

    } else if (document.body) {

    scrollTop = document.body.scrollTop;

    }

    return scrollTop;

    }

    jQuery

    2.$(window).scroll(function(){

    var $scroll_height = $(document).scrollTop();

    if($scroll_height > 10){

    $("#header").css("background","rgba(0,0,0,.95)")

    } else {

    $("#header").css("background","")

    }

    })

    相关文章

      网友评论

          本文标题:原生以及jquery的获取滚动条距离页面顶部的高度的方法

          本文链接:https://www.haomeiwen.com/subject/pjbnsxtx.html