`
shuaigg.babysky
  • 浏览: 571577 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

如何获得document的scrollLeft和scrollTop

 
阅读更多
	getDocScrollLength : function(name) {
		var arr = name == 'Width' ? ['pageXOffset' , 'scrollLeft'] : ['pageYOffset' , 'scrollTop'];
		return window[arr[0]] || $pop.boxModel && document.documentElement[arr[1]] || document.body[arr[1]] ;
	}

 

分享到:
评论

相关推荐

    scrollLeft,scrollTop等等详解.pdf

    本篇将详细阐述`scrollLeft`, `scrollTop`以及一系列相关属性如`clientWidth`, `clientHeight`, `offsetWidth`, `offsetHeight`, `scrollWidth`, `scrollHeight`, `screenTop`, `screenLeft`, `screen.height`, `...

    document.body.scrollTop用法

    - 使用 `event.clientX` 和 `event.clientY` 获取鼠标相对于视口的位置,但若想得到相对于整个文档的位置,则需加上 `document.documentElement.scrollTop` 或 `document.documentElement.scrollLeft`。 ```...

    对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解

    `offsetLeft`, `offsetTop`, `scrollLeft`, `scrollTop`等属性可以帮助我们更好地控制页面布局和交互。下面我们将深入探讨这些属性及其用法。 #### 1. `offsetTop` `offsetTop` 属性返回元素相对于其offsetParent...

    scrollLeft,scrollTop等等详解[定义].pdf

    在软件开发中,特别是在Web开发领域,理解和使用`scrollLeft`、`scrollTop`以及相关的DOM元素属性至关重要。这些属性主要用于处理网页元素的滚动位置和尺寸,对于创建动态、响应式的用户界面有着重要的作用。 首先...

    关于scrollLeft,scrollTop的浏览器兼容性测试

    在标准模式下,`scrollLeft` 和 `scrollTop` 可以通过 `document.documentElement` 或 `document.body` 访问。然而,不同的浏览器可能有不同的行为: 1. **IE7+** 和 **Firefox** 在标准模式下通常使用 `document....

    JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)

    它通过检查`document.documentElement`和`document.body`的`scrollTop`和`scrollLeft`属性来实现。接着,`getScrollPos`函数用于获取当前的滚动位置。 在拖拽开始时(`onmousedown`事件),记录下初始的鼠标位置和...

    js中的如何定位固定层的位置.docx

    但需要注意的是,对于IE5.5及更高版本,需要特别处理`document.body.scrollLeft`和`document.documentElement.scrollLeft`,以及`document.body.scrollTop`和`document.documentElement.scrollTop`,以确保在所有...

    JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

    `scrollTop`和`scrollLeft`属性用于获取或设置元素内部滚动条的当前位置,单位为像素。 **示例**: ```html ; height:200px; overflow:auto;"> <p>Scrollable Content <p>Scrollable Content <p>Scrollable ...

    javascript中scrollTop详解

    在JavaScript中,`scrollTop`属性被广泛应用于控制垂直滚动的位置,它表示一个元素内容顶部和视口顶部之间的距离。而`scrollLeft`则是控制水平滚动位置的属性。本文将详细讲解`scrollTop`的使用方法、原理、以及在...

    js中scrollTop()方法和scroll()方法用法示例.docx

    ### JavaScript中的`scrollTop()`方法和`scroll()`方法详解 #### 一、`scrollTop()`方法概述 `scrollTop()`方法是JavaScript中用于操作元素滚动位置的一种常用方法。它属于`Element`对象的一部分,通常用于获取或...

    document.documentElement和document.body区别介绍

    在标准模式下,则需要先判断document.documentElement.scrollLeft和document.documentElement.scrollTop是否为0,若是则使用document.body.scrollLeft和document.body.scrollTop。 了解了这些区别后,前端开发者在...

    保持页面滚动条位置的javascript代码

    在网页中,可以通过`window.scrollTo()`或`document.body.scrollTop`和`document.documentElement.scrollTop`来控制或获取页面的滚动位置。其中,`document.body.scrollTop`适用于大多数情况,而`document....

    webbrowser滚动条位置

    在这个例子中,`scrollTop`和`scrollLeft`分别表示垂直和水平滚动条的位置。 设置WebBrowser控件的滚动条位置则同样需要通过`IHTMLDocument2`接口,调用`scrollTop`和`scrollLeft`属性来改变位置。下面是一个设置...

    js获取滚动距离的方法

    总结来说,`window.pageXOffset`、`window.pageYOffset`、`document.documentElement.scrollLeft`、`document.documentElement.scrollTop`、`document.body.scrollLeft` 和 `document.body.scrollTop` 这几个属性是...

    js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

    网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);...网页被卷去的左: document.body.scrollLeft

    JavaScript属性scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解

    在JavaScript中,理解和掌握`scrollLeft`、`scrollWidth`、`clientWidth`以及`offsetWidth`这四个属性对于创建动态且响应式的网页至关重要。这些属性都与元素的尺寸和定位有关,尤其在处理滚动条和元素可视区域时...

    jQueryscroll事件实现监控滚动条分页示例.pdf

    `$(document).scrollTop()`与`$(document).scrollLeft()` 这两个函数分别用于获取垂直和水平滚动条的位置: - `$(document).scrollTop()`:返回当前滚动条在垂直方向上的位置,即浏览器窗口顶部到页面顶部的距离...

    jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft

    在提供的代码中,`jQuery(document).scrollTop()`和`jQuery(document).scrollLeft()`用来获取当前滚动条的位置,以便根据滚动调整`divAd`(浮动广告)的位置,使其始终保持在屏幕的某个固定位置。 在实际应用中,...

    javascript document.compatMode兼容性

    document.body.scrollLeft : document.documentElement.scrollLeft; var sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; } ``` 这段代码首先...

Global site tag (gtag.js) - Google Analytics