原生
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","")
}
})
原生 1.function getScrollTop() { var scrollTop = 0; if (doc...
用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。
1.获取滚动条距离顶部的高度： 2.获取某元素的宽高： 3.获取某元素的left和top：
// 获取滚动条距离顶部的距离var osTop = document.documentElement.scrol...
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 部分jquery函数获取方法
clientHeight：可视窗口的高度scrollTop：滚动条距离document顶部的距离 //let ...
一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度：$(window).height(); 获取浏览器...
一获取三个高度页面滚动距离、文档总高度、浏览器视口高度 //滚动条在Y轴上的滚动距离 function getSc...
js获取页面元素距离浏览器工作区顶端的距离 网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度） (...
获取屏幕的宽度和高度 获取文档的宽度和高度 获取滚动条的距离
本文标题：原生以及jquery的获取滚动条距离页面顶部的高度的方法
本文链接：https://www.haomeiwen.com/subject/pjbnsxtx.html
网友评论