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

原生

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的获取滚动条距离页面顶部的高度的方法)