js获取浏览器滚动条距离函数介绍

javascript 的方法

 代码如下 复制代码

/**
 / THIRD FUNCTION
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function ___getPageScroll() {
    var xScroll, yScroll;
    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
        xScroll = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {     // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
        xScroll = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
        xScroll = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScroll,yScroll);
    return arrayPageScroll;
};

jQuery获取的方法

jquery 获取滚动条高度

获取浏览器显示区域的高度 :
$(window).height();
获取浏览器显示区域的宽度 :

$(window).width();
获取页面的文档高度 :
$(document).height();
获取页面的文档宽度 :$(document).width();

获取滚动条到顶部的垂直高度 :

$(document).scrollTop();
获取滚动条到左边的垂直宽度 :

$(document).scrollLeft();

计算元素位置和偏移量:

$(id).offset();

offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)
options.relativeTo  指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll  是否把
滚动条计算在内,默认TRUE
options.padding  是否把padding计算在内,默认false
options.margin
  是否把margin计算在内,默认true
options.border  是否把边框计算在内,默认true

时间: 2024-08-01 18:01:40

js获取浏览器滚动条距离函数介绍的相关文章

JS 获取浏览器和屏幕宽高等信息代码

 这篇文章主要介绍了JS 获取浏览器和屏幕宽高等信息的具体实现,需要的朋友可以参考下 网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetWidth (包括边线的宽)  网页可见区域高:document.body.offsetHeight (包括边线的宽)  网页正文全文宽:document.body.scrollWidth  网页正文全文高:docu

原生JS 获取浏览器、窗口、元素等尺寸总结

一.通过浏览器获得屏幕的尺寸 screen.widthscreen.height screen.availHeight //获取去除状态栏后的屏幕高度screen.availWidth  //获取去除状态栏后的屏幕高度 二.获取浏览器窗口内容的尺寸 //高度window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度window.innerWidth || docume

js 获取浏览器的高度和宽度信息类

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域高:document.body.offsetHeight + " (包括边线的宽)"; 网页正文全文宽:document.body.scrollWidth; 网页正文全文高:document.body.s

js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法_javascript技巧

如下所示: screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth

Javascript代码实例:JS获取浏览器宽度

文章简介:js获取浏览器窗口宽高及网页宽高. js获取浏览器窗口宽高及网页宽高: /** / THIRD FUNCTION * getPageSize() by webjx.com * * @return Array Return an array with page width, height and window width, height */function ___getPageSize() { var xScroll, yScroll; if (window.innerHeight &

js获取浏览器用户信息再创建不同版本的flash组件

这是一款利用了在flash网站的代码,他是利用js获取浏览器用户信息再创建不同版本的flash组件实例,这样很好的兼容大部份主流浏览器就ok了. */ var isie  = (navigator.appversion.indexof("msie") != -1) ? true : false; var iswin = (navigator.appversion.tolowercase().indexof("win") != -1) ? true : false;

js获取浏览器宽度 高度

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.aimeige.com.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv=&q

js获取浏览器版本号

使用js代码获取浏览器版本信息如下:     例如:ie9.0 firefox34.0 chrome37.0等等 /** * Get browser name agent version * return browser name version * */ function getBrowserNameAndVersion(){ var agent = navigator.userAgent.toLowerCase(); var regStr_ie = /msie [\d.]+/gi ; var

【转载】JS获取浏览器版本信息

document.write("js获取到的浏览器版本信息:"); document.write("<br />"); document.write("Browser: "); document.write(navigator.appName + ""); document.write("<br />"); document.write("Browserversion: &