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);
}
获取坐标: IE (event.x event.y)
获取滚动条位置:
document.body.scrollTop (滚动条离页面最上方的距离)
document.body.scrollLeft (滚动条离页面最左方的距离)
当我用js获取当前垂直或者水平方向滚动条位置的时候,使用"document.body.scrollTop"或者"document.body.scrollLeft"是无效的,得到的数值永远是0。但是,当写在“onscroll”事件里面的时候,上述方法可以获得当前滚动条的位置。
当网页最前面有以下内容:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
document.documentElement.scrollTop (滚动条离页面最上方的距离)
document.documentElement.scrollLeft (滚动条离页面最左方的距离)
所以为了准确取得当前滚动条的位置,正确的使用方法是:
document.documentElement.scrollTop:垂直方向
document.documentElement.scrollLeft:水平方向
分享到:
相关推荐
JavaScript 获取滚动条位置并将页面滑动到锚点 前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行...
1、整体浏览器滚动条页面加载时从cookie获取滚动条位置信息,然后附值给滚动条 从而定位滚动条位置 2、在 div 或者在 table滚动条加载时从cookie获取滚动条位置信息,然后附值给滚动条从而定位滚动条位置
代码如下:[removed] // 说明:用 Javascript 获取滚动条位置等信息 // 来源 :ThickBox 2.1 function getScroll() { var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { t = ...
当前页面刷新的时候,滚动条会定位到刷新前的位置
主要获取鼠标在页面上的位置,包括当页面有滚动条的时候。。
Uniapp框架的针对微信小程序的使滚动条跳转到指定元素位置。直接复制粘贴内容,然后配置好page.json。就可以直接查看效果。
易语言取滚动条位置源码,取滚动条位置,获取位置
获取webbrowser滚动条当前位置,并可以自由设置滚动条位置。用c#语言编写,可以运行。获取webbrowser滚动条当前位置,并可以自由设置滚动条位置。用c#语言编写,可以运行。
vant list组件滚动保留滚动条位置 vant list组件滚动保留滚动条位置,需结合keepAlive使用,分享此篇,供大家参考。 1、保存位置的前提是用的keepAlive组件来做缓存,app.vue代码 <template> <div id="app"> ...
今天小编就为大家分享一篇layui 实现table翻页滚动条位置保持不变的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
易语言滚动条位置判断源码。@易语言代码编写例子。
场景重现:在项目中使用了keep-alive来缓存组件,且使用element中的table列表,但在项目中是对table进行了二次封装,跟页码合在了一起。按照网上的直接对scrollTop赋值,赋值失败了,还要加上setTimeout才能成功,...
易语言读写滚动条位置源码,读写滚动条位置,获取位置,设置位置,消息
ASP.net:保持页面中滚动条的位置,使得页面提交后还在原来的位置,对于页面中DIV等等的滚动条控制,我在看了别人代码后,写了一个,感兴趣的朋友可以参考下哈
界面上有很多控件,而且控件焦点利用Tab或者Enter建操作,但是垂直滚动条位置也需要跟随焦点位置移动,方便查看界面遮住的部分。该实例利用递归算法,逐层计算出当前焦点控件所对应于滚动条所在容器的相对Y坐标,给...
//滚动条的初始位置 vsi.nMin = 0;//滚动条所能滚动的最小值 vsi.nMax = sz.cy+500; //滚动条所能滚动的最大值,可以根据实际情况设置 vsi.nPage = sz.cy;//一页的大小 SetScrollInfo(SB_VERT, &vsi, FALSE); //此...
使用原生js获取浏览器可是高度,滚动条高度,监听滚动条,滑动时 触发 改变导航元素位置,和子元素样式,适合新手参考借鉴!
易语言指定滚动条到具体位置源码
主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处,具有一定的参考价值,感兴趣的小伙伴们可以参考一下