`

javascript 获取滚动条高度

 
阅读更多

/********************
* 取窗口滚动条高度
******************/
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;
}


/********************
* 取窗口可视范围的高度
*******************/
function getClientHeight()
{
var clientHeight=0;
if(document.body.clientHeight&&document.documentElement.clientHeight)
{
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
else
{
var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
return clientHeight;
}

/********************
* 取文档内容实际高度
*******************/
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}

分享到:
评论

相关推荐

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

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

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

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

    JavaScript解决跨域滚动条

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

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

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

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

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

    程序天下:JavaScript实例自学手册

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    基于jQuery实现滚动刷新效果

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

    《程序天下:JavaScript实例自学手册》光盘源码

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    JavaScript获取网页、浏览器、屏幕高度和宽度汇总

    经常发现在写JavaScript的时候,都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结...网页正文全文宽:document.body.scrollWidth (带滚动条宽) 网

    Javascript获取窗口(容器)的大小及位置参数列举及简要说明

    Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY ...

    JS获取各种高度宽度1

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

    javascript获取元素偏移量的方法有哪些

    包括元素的高度,(可见的)水平滚动条的高度,上边框高度和下边框高度。 2、offsetWidth:元素在水平方向上占用的空间的大小,,(像素)。包括元素的宽度,(可见的)垂直滚动条的高度,左边框高度和右边框高度。 3...

    viewportSize:使用JavaScript获取CSS视口的大小

    允许您使用JavaScript获取CSS视口的宽度和高度。 作者:泰森Matanich - 执照:麻省理工学院 演示: : 更多信息: : 测试: : 我为什么要使用它? 大多数人依赖window.innerWidth , document....

    监听滚轮事件

    //滚动条距离顶部的高度 console.log(scrollTop) if(scrollTop &gt; 100 ){ $('.div_last').show(200) // console.log(1) }else { $('.div_last').hide(200) // console.log(2) }; }); });

    GetViewportWidth:一种使用JavaScript获取视口宽度的简单方法

    允许您使用JavaScript获取视口的宽度。 大多数人依赖window.innerWidth或document.documentElement.clientWidth,它们并不总是准确地报告CSS媒体查询中使用的视口宽度。 例如,Chrome中的视口宽度根据滚动条是否...

    简单几步实现返回顶部效果

    今天与大家分享下网页中经常出现的返回顶部效果 相比原生Javascript,jquery实现起来能够省略不少代码。 接下来就直接贴代码啦... //获取滚动条距离顶部高度 if(wTop&gt;=wHeight) //当滚动条距离顶部高度超过一屏时执行

    javascript返回顶部的按钮实现方法

    本文实例介绍了javascript返回顶部的按钮实现...获取滚动条高度:document.documentElement.scrollTop || document.body.scrollTop 获取可视区高度:document.documentElement.clientHeight js代码 [removed] = functi

    javascript常用对象梳理

    scrollbar:指定当前窗口文档大于窗口时是否有滚动条,选项的值及含义与 toolbar相同; resizable:指定窗口是否可改变大小,选项的值及含义与toolbar相同; width:以像素为单位指定窗口的宽度,已被...

    深入浅析JavaScript中的scrollTop

    含义:滚动条高度 作用:滚动加载(ajax),滚动导航固定定位,滚动弹框定位等等. 展示滚动导航和侧边栏滚动固定定位的效果: 1、chrome浏览器 document.body.scrollTop和document.documentElement.scrollTop都可以 ...

Global site tag (gtag.js) - Google Analytics