源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

  • 时间:2022-10-27 17:57 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
js与jquery获得页面大小、滚动条位置、元素位置
[u]复制代码[/u] 代码如下:
[b]//页面位置及窗口大小[/b] function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {    // Mozilla    scrW = window.innerWidth + window.scrollMaxX;    scrH = window.innerHeight + window.scrollMaxY; } else if(document.body.scrollHeight > document.body.offsetHeight) {    // all but IE Mac    scrW = document.body.scrollWidth;    scrH = document.body.scrollHeight; } else if(document.body) { // IE Mac    scrW = document.body.offsetWidth;    scrH = document.body.offsetHeight; } var winW, winH; if(window.innerHeight) { // all except IE    winW = window.innerWidth; winH = window.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) {    // IE 6 Strict Mode    winW = document.documentElement.clientWidth;     winH = document.documentElement.clientHeight; } else if (document.body) { // other    winW = document.body.clientWidth;    winH = document.body.clientHeight; }    // for small pages with total size less then the viewport var pageW = (scrW<winW) ? winW : scrW; var pageH = (scrH<winH) ? winH : scrH;    return {PageW:pageW, PageH:pageH, WinW:winW, WinH:winH}; }; [b]//滚动条位置 [/b]function GetPageScroll() { var x, y; if(window.pageYOffset) {    // all except IE    y = window.pageYOffset;    x = window.pageXOffset; } else if(document.documentElement && document.documentElement.scrollTop) {    // IE 6 Strict    y = document.documentElement.scrollTop;    x = document.documentElement.scrollLeft; } else if(document.body) {    // all other IE    y = document.body.scrollTop;    x = document.body.scrollLeft;   } return {X:x, Y:y}; }
[b]jquery[/b] 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 :$(window).width(); 获取页面的文档高度 :$(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 :$(document).scrollTop(); 获取滚动条到左边的垂直宽度 :$(document).scrollLeft(); [b]计算元素位置和偏移量 [/b]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
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部