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

获取滚动条高度的方法

    博客分类:
  • Ajax
 
阅读更多
js 代码
  1. //获取滚动条高度   
  2. function getScrollTop() {   
  3.     var scrollPos = 0;    
  4.     if (typeof window.pageYOffset != 'undefined') {    
  5.        scrollPos = window.pageYOffset;    
  6.     }    
  7.     else if (typeof window.document.compatMode != 'undefined' &&    
  8.        window.document.compatMode != 'BackCompat') {    
  9.        scrollPos = window.document.documentElement.scrollTop;    
  10.     }    
  11.     else if (typeof window.document.body != 'undefined') {    
  12.        scrollPos = window.document.body.scrollTop;    
  13.     }    
  14.     return scrollPos;   
  15. }  
分享到:
评论

相关推荐

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

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

    vue移动端监听滚动条高度的实现方法

    今天小编就为大家分享一篇vue移动端监听滚动条高度的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

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

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

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

    JavaScript解决跨域滚动条

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

    Vue 无限滚动加载指令实现方法

    计算公式提简单的 底部等于(0) = 滚动条高度 – 滚动条顶部距离 – 可视高度。 反正结果就是0。 一、获取滚动条位置 class Scroll { static get top() { return Math.max(document.documentElement....

    jquery easyui滚动条部分设置介绍

    在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出... //获取滚动条到顶部的垂直高度 $(document).scrollTo

    基于jQuery实现滚动刷新效果

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

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

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

    jquery 判断滚动条到达了底部和顶端的方法

    代码如下:$(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的要获取顶端,...

    jQuery scroll事件实现监控滚动条分页示例

    代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$...

    如何设置iframe高度自适应在跨域情况下的可用方法

    在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载。iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的...

    VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

    在开发中,需要表格控件根据浏览器高度进行调整,固定表头,且然后多余的出滚动条,官方给出的: 只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。 然后直接上template代码: ...

    jQuery判断网页是否已经滚动到浏览器底部的实现方法

    有些需求中,需要当用户滚动到浏览器底部的时候,再加载新的内容。笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前,... //获取垂直滚动条到顶部的垂直距离 $(document).scr

    jQuery获取页面及个元素高度、宽度的总结——超实用

    下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。 获取浏览器显示区域(可视区域)的高度 :  代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 代码如下: $(window)....

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

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

    JS中位置与大小的获取方法

    clientHeight:DOM元素内容可视区的高度,不包含滚动条和边框的高度。 offsetHeight:DOM元素整体的高度,包括滚动条和边框。 当滚动条不出现的时候 这时候DOM元素中没有内容或者内容不超过可视区 scrollWidth=...

    原生js获取浏览器窗口及元素宽高常用方法集合

    窗口可视区域宽度: document.documentElement.clientWidth || document....窗口可视区域高度+边线和滚动条: document.body.offsetHeight ; 实际内容的宽度: document.body.scrollWidth; 实际内容的高度: document

    解决Vue页面固定滚动位置的处理办法

    本篇文章主要介绍了解决Vue固定滚动位置的处理办法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery获取元素到屏幕四周可视距离的方法

    实例如下: $(window).height();//是文档窗口高度 $("div").offset().top//是标签...//是滚动条高度 $("div").height();//是标签高度 你要的高度+$(“div”).height()+[$(“div”).offset().top-$(document).scrollT

Global site tag (gtag.js) - Google Analytics