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-11-02 13:05:35

jQuery获取浏览器滚动条距离顶端的距离的相关文章

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小  一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到

js获取浏览器滚动条距离顶端的距离

最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存:    一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(docu

Selenium-测试对象操作之:获取浏览器滚动条滚动距离

#encoding=utf-8from selenium import webdriverimport time,os driver = webdriver.Chrome() #打开网页 driver.get('https://www.baidu.com/') driver.maximize_window() #网页可视区高js = "var q=document.body.clientHeight;return(q)" Visual_area_height=driver.execut

Javascript&Jquery获取浏览器和屏幕各种高度宽度方法总结及运用

<js篇> Javascript获取浏览器和屏幕各种高度宽度方法总结 document.body.clientWidth       //网页可见区域宽(body) document.body.clientHeight     //网页可见区域高(body) document.body.offsetWidth     //网页可见区域宽(body),包括border.margin等 document.body.offsetHeight    //网页可见区域宽(body),包括border.m

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

jquery 获取浏览器可视窗口大小,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width());

jquery 获取浏览器窗口的可视区域高度 宽度 滚动条高

原文:http://www.open-open.com/code/view/1421827925437 alert($(window).height()); //可视区域高度 alert($(document).height()); //文档的高度 alert($(document.body).height());//文档body的高度 alert($(document.body).outerHeight(true));//文档body的总高度 包括border padding margin a

Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript: alert(document.body.clientWidth);        //网页可见区域宽(body) alert(document.body.clientHeight);       //网页可见区域高(body) alert(document.body.offsetWidth);       //网页可见区域宽(body),包括border.margin等 alert(document.body.offsetHeight);      //网页可见区域宽(b

jQuery获取浏览器URL链接的值

代码: $.extend({    getUrlVars: function () {        var vars = [], hash;        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');        for (var i = 0; i < hashes.length; i++) {            hash = hashes[i].s