`
hbxiao135
  • 浏览: 108859 次
  • 性别: 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轴的滚动条获取方法
分享到：
| js获取页面实际大小-ie-firefox
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    解决多种浏览器获取滚动条高度

    ### 解决多种浏览器获取滚动条高度 在网页开发过程中，我们经常会遇到与浏览器兼容性相关的问题，尤其是在处理页面滚动相关的功能时。不同的浏览器对于某些属性的实现方式可能存在差异，这就要求开发者能够编写出...

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

    在JavaScript中，获取滚动条高度是一项常见的任务，特别是在构建响应式网页或实现滚动效果时。滚动条高度通常指的是用户在浏览器窗口中滚动的距离，包括垂直滚动条（scrollTop）和水平滚动条（scrollLeft）。本篇...

    自动调节iframe高度，而不显示其滚动条 js

    ### 自动调节iframe高度，而不显示其滚动条 js #### 背景介绍 在网页开发过程中，经常会遇到需要在一个页面内嵌入另一个页面的情况，这时通常会使用HTML中的`iframe`元素来实现。然而，当嵌入的内容高度不确定或者...

    js模拟滚动条

    当用户滚动时，我们需要获取滚动元素的滚动高度和总高度，以及可视区域的高度，然后计算出当前滚动条应该显示的位置。这通常涉及到`element.scrollTop`，`element.scrollHeight`和`element.clientHeight`属性。 4....

    JS控制滚动条自动向下滚动

    在JavaScript（JS）编程中，控制滚动条自动向下滚动是一种常见的需求，特别是在实时聊天、论坛或者日志更新等场景中，我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能，以及...

    js获取屏幕的高度与宽度

    此外，需要注意的是，随着Web技术的发展，用户设备的多样性也日益增加，因此在使用JavaScript获取尺寸信息时，除了使用文档对象模型（DOM）属性和方法之外，还可能需要依赖于CSSOM（CSS对象模型）和HTML元素的实时...

    javascript获取页面各种高度

    通过获取滚动条的位置，可以实现实时滚动监测等功能。 - **document.body.scrollTop**: 获取垂直滚动条的当前位置，单位为像素。 - **document.body.scrollLeft**: 获取水平滚动条的当前位置，单位为像素。 ### 4....

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

    这个名为"js监听滚动条改变导航元素位置和样式.rar"的压缩包文件提供了一个实例，教你如何利用原生JavaScript来实现这一功能，特别适合初学者学习。以下是关于这个主题的详细讲解。 首先，我们需要理解滚动条事件。...

    获取页面高度，窗口高度，滚动条高度等参数值getPageSize,getPageScroll

    在网页开发中，有时我们需要获取页面的某些特定尺寸和位置信息，例如页面高度、窗口高度以及滚动条的高度。这些信息对于实现动态布局、滚动事件处理或页面适配等任务至关重要。这里有两个JavaScript函数：`...

    jquery如何获取元素的滚动条高度等实现代码

    本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。 首先，要理解滚动条高度通常是指元素内容超出其可视区域的部分，可以通过`scrollTop()`方法获取。例如，`$(document).scrollTop()`...

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

    在大多数浏览器中，可以通过`document.documentElement.scrollTop`或`document.body.scrollTop`来获取滚动条距离顶部的距离。这两个属性会返回页面被卷去的像素值。在某些情况下，`document.documentElement....

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

    描述“javascript获取页面的高度及滚动条的位置的代码，需要的朋友可以参考下。”进一步明确指出，本文提供的是实现上述功能的JavaScript代码样例，方便有相关需求的开发者参考和使用。 标签“页面高度 滚动条位置...

    Javascript 获取滚动条位置等信息的函数

    总的来说，理解和掌握如何在JavaScript中获取滚动条位置对于开发交互性强、用户体验良好的网页应用至关重要。通过编写兼容各种浏览器的函数，我们可以确保我们的代码能在大部分用户环境中正常工作。

    各种滚动条的获取

    在源码层面，获取滚动条状态并进行操作可能涉及到监听滚动事件，如`addEventListener('scroll', callback)`，并在回调函数中处理滚动逻辑。同时，还可以使用`window.scrollTo(x, y)`方法来直接滚动到指定位置。 在...

    js 随鼠标滚动条滚动的div

    在事件处理函数内部，我们可以获取滚动条的位置，例如通过`window.pageYOffset`获取垂直滚动的距离。然后根据这个距离调整div的位置。如果希望div始终保持在屏幕顶部，可以使用如下代码： ```javascript var ...

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

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

    mui滚动条 的实现源代码

    4. 确保MUI的JS插件已经正确引入并且初始化，因为滚动条的交互效果依赖于JavaScript。 最后，参考"MUI滚动条拉不动，显示不全。原因是高度没指定好_lj凑合能用，但是你不知道百分之几合适.png"的图片和"lj成功.txt...

    JavaScript解决跨域滚动条

    在本例中，"JavaScript解决跨域滚动条"的问题，指的是当主程序和子程序页面位于不同的源下，导致主程序无法获取子程序页面的尺寸，从而引发双滚动条的显示。 为了解决这个问题，我们可以利用JavaScript中的两种主要...

Magicbox
Global site tag (gtag.js) - Google Analytics