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

js获得页面滚动高度最简洁的写法

 
阅读更多

var sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

分享到:
评论

相关推荐

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

    这里有两个JavaScript函数:`getPageScroll` 和 `getPageSize`,它们分别用于获取页面滚动值和整个页面的尺寸。 `getPageScroll` 函数主要用于获取当前页面滚动条的垂直偏移量(即用户滚动了多少距离)。这个函数...

    JavaScript实现页面滚动图片加载(仿lazyload效果)

    - 获取窗口高度的兼容写法,比如`window.innerHeight`或`document.documentElement.clientHeight`,同样需要注意不同浏览器的差异。 在JavaScript源码实现中,首先会设定一些默认配置,如默认图片属性名和加载超时...

    滚动插件特效.zip

    2. **滚动事件**:`$(window).scroll(function() {...})`是监听页面滚动的典型写法。当用户滚动页面时,回调函数会被调用,可以在这里判断元素的位置是否满足启动动画的条件。 3. **计算元素位置**:为了判断元素...

    JS实现网页滚动条感应鼠标变色的方法

    在代码的最后部分,首先给整个页面添加一个高度为1000px的div元素,以确保可以触发滚动条,然后通过`onmousemove`事件绑定`colorBar`函数来实现鼠标移动时的功能。 整体而言,实现这一功能需要对JavaScript和一些非...

    js 获取页面高度和宽度兼容 ie firefox chrome等

    在探讨如何用JavaScript获取页面的高度和宽度时,我们需要考虑不同浏览器间的兼容性问题,特别是像Internet Explorer(IE)、Mozilla Firefox(火狐)和Google Chrome(谷歌)这样的主流浏览器。由于这些浏览器对DOM...

    JS小功能(offsetLeft实现图片滚动效果)实例代码

    该文件提供了利用JavaScript中的offsetLeft属性实现图片水平滚动效果的实例代码。下面,我们将详细解释涉及到的相关知识点,包括HTML、CSS和JavaScript的使用。 首先,HTML部分使用了`<div>`元素定义了一个容器(id...

    获取页面元素实际宽高的属性的使用

    这里采用了兼容性写法,确保在不同浏览器下都能正确获取页面的实际宽度和高度。 #### 总结 通过上述介绍,我们可以看到`clientWidth`、`clientHeight`、`scrollWidth`、`scrollHeight`、`offsetWidth`和`...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:<script type="text/javascript" src="ymPrompt.js"></script> 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    javascript 实现弹出小窗口

    - **重复强调**:在描述中重复了“JavaScript 实现弹出小窗口”六次,虽然这种写法在实际文档中较为少见且不推荐,但从这里可以推断出文章的重点在于详细介绍这一功能的实现方式。 - **核心知识点**:通过 ...

    前端vue.js

    ### 前端 Vue.js 知识点概览 #### 一、Vue.js 简介与特性 **Vue.js** 是一款用于构建用户界面的渐进式框架。它不仅能够帮助开发者快速构建单页面应用(SPA),还能作为库集成到现有项目中,这种灵活性使得 Vue 成为...

    可拖动QQ在线客服插件,可自定义高度和自定义QQ号码,兼容主流浏览器IE、Chrome、Safair等.rar

    总结起来,这个"可拖动QQ在线客服插件"的核心技术在于JavaScript,通过JS实现插件的动态交互、高度自适应以及QQ号码的设置。同时,为了保证良好的用户体验,开发者必须关注浏览器兼容性,确保插件在多种浏览器环境下...

    jQuery实现仿QQ在线客服效果的滚动层代码

    - **动态定位元素**:通过监听滚动事件,实时获取页面滚动位置,并调整指定元素(此处为id为`qqonline`的div)的`top`值,实现滚动层随页面滚动而同步移动的效果。具体方法通过`window.pageYOffset`、`document....

    框架集的一些写法

    框架集允许开发者创建复杂的布局,同时保持页面结构的简洁性。 ### 分割方向与尺寸控制 - **分割方向**:`<frameset>`标签通过`rows`和`cols`属性来指定分割的方向。`rows`属性用于垂直分割,而`cols`属性用于水平...

    Js与Jq获取浏览器和对象值的方法

    在Web开发中,JavaScript (Js) 和 jQuery (Jq) 是常用的前端技术,用于实现页面的交互功能。本文将详细介绍如何使用Js与Jq来获取浏览器及页面对象的各种值,如宽度、高度、相对位置等。了解这些知识点对于前端开发者...

    JS控制弹出悬浮窗口(一览画面)的实例代码

    它需要接收对象的宽度和高度作为参数,并考虑浏览器窗口的大小、滚动条的位置等因素来计算出合适的居中位置。 2. **获取鼠标位置的函数**:这个函数用于获取鼠标点击的位置坐标。它需要考虑到不同浏览器的兼容性...

    JavaScript一些技巧(转载)

    虽然例子中的`fontдonclick`看起来是错误的写法,但正常情况下,字体大小可以通过CSS或JavaScript动态改变。 ### 12. 打印页面 使用`window.print()`函数可以触发浏览器的打印对话框,打印当前页面: ```html ...

    CSS 设置滚动条样式的实现

    在CSS中,我们可以利用特定的Webkit前缀属性来实现滚动条样式的自定义,以达到与页面设计更协调的效果。以下将详细讲解如何通过CSS设置滚动条样式,并提供一些关键知识点。 首先,滚动条主要由以下几个部分构成: ...

    Javascript下IE与Firefox下的差异兼容写法总结

    获取窗体的高度和宽度时,IE使用`document.body.offsetWidth`和`document.body.offsetHeight`,需要确保页面中有body标签。而Firefox使用`window.innerWidth`和`window.innerHeight`,或者`document.documentElement...

    IE6中的position:fixed定位兼容性写法分享

    `position: fixed`允许元素相对于浏览器窗口进行定位,无论页面滚动与否,它始终保持在屏幕的特定位置。但在IE6中,这个属性并不支持,导致开发者需要寻找替代解决方案。 在标题和描述中提到的"IE6中的position:...

    总结了一些不错的javascript代码

    然而,在提供的代码中出现了`.click().click()`这样的写法,这实际上在标准的JavaScript中是无法工作的。正确的使用方式应该是为元素添加一个点击事件监听器: ```javascript element.addEventListener('click', ...

Global site tag (gtag.js) - Google Analytics