`
hbxiao135
  • 浏览: 107761 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 获取滚动条的高度

阅读更多
//获取滚动条的高度
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
        //xScroll = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop){
yScroll = document.documentElement.scrollTop;
} else if (document.body) {
yScroll = document.body.scrollTop;
}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
可以自己添加x轴的滚动条获取方法
分享到:
评论

相关推荐

    javascript获取滚动条高度 页面宽度与高度

    javascript 获取滚动条高度 页面宽度 页面高度 教程

    JS 获取滚动条高度示例代码

    滚动条高度如何获取,方法有很多,在本文将为大家详细介绍下如何使用js做到,下面有个不错的示例,感兴趣的朋友不要错过

    js监听滚动条改变导航元素位置和样式.rar

    使用原生js获取浏览器可是高度,滚动条高度,监听滚动条,滑动时 触发 改变导航元素位置,和子元素样式,适合新手参考借鉴!

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

    javascript 获取页面的高度及滚动条的位置的代码

    javascript获取页面的高度及滚动条的位置的代码,需要的朋友可以参考下。

    JavaScript解决跨域滚动条

    主程序无法获取到子程序页面的高度和宽度,所以出现双滚动条问题。通过引用两个js解决此方法。

    【JavaScript源代码】vant list组件滚动保留滚动条位置.docx

    vant list组件滚动保留滚动条位置  vant list组件滚动保留滚动条位置,需结合keepAlive使用,分享此篇,供大家参考。 1、保存位置的前提是用的keepAlive组件来做缓存,app.vue代码 <template> <div id="app"> ...

    JS获取各种高度宽度1

    JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸1)关于 pageX, clienX,offsetX,layerXpageX:鼠标在页面上的位置,从

    原生JS实现自定义滚动条效果

    本文实例为大家分享了JS实现自定义滚动条的具体代码,供大家参考,具体内容如下 实现思路: 1.外层设置一个div,在外层的div里面设置一个特别高的div(高度为外层5个div的高度),在高的div里面设置5个div,每个div的...

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决... 获取滚动条的位置 代码如下: //获取滚动条到顶部的垂直高度 $(document).scrollTop(); //获

    JS中各种尺寸的获取

    clientWidth/clientHeight——视口大小:可见区域的宽度或高度,不包括border、水平滚动条、margin的元素的宽度或高度,只包括元素的内容区域和padding值。 offsetWidth/offsetHeight——视觉大小:看得见的大小,...

    js实现网页中常见的随滚动条移动的悬浮广告栏做法

    这里的scrollTop这个变量就是获取得到可视区到达页面顶部的距离 2 调用运动函数的时候付入的参数其实就是先用整个可视区的高度减去盒子的高度,然后在加上可视区到顶部的距离,这样可以实现的就是把悬浮广告停在右下...

    当滚动条滚动到页面底部自动加载增加内容的js代码

    2,相关获取页面高度、滚动条位置、文档高度的函数: 代码如下: //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { ...

    基于jQuery实现滚动刷新效果

    Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 ... <form id="form1" runat=...//$(document).scrollTop() 获取垂直滚动的距离:最小值为0,最大值:文档高度-

    js浏览器滚动条卷去的高度scrolltop(实例讲解)

    2、scrollTop/scrollLeft:滚动条卷去的高度/宽度(这两个属性是唯一“可读写”的属性) box.scrollTop = 0 // 直接回到容器的顶部 我们的scrollTop的值是存在边界值(最大和最小值),我们设置的值比最小值小或者比...

    原生js实现返回顶部缓冲效果

    scrollTop//获取滚动条高度 需要写兼容 clientHeight//可视窗口高度 需要写兼容 setInterval//定时器 [removed]//滚动触发事件 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta ...

    js获取页面及个元素高度、宽度的代码

    网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document....

Global site tag (gtag.js) - Google Analytics