jQuery技术

jquery 获取滚动条高度

字号+ 作者:H5之家 来源:H5之家 2015-10-14 10:58 我要评论( )

获取浏览器显示区域的高度:$(window).height();获取浏览器显示区域的宽度:$(window).width();获取页面的文档高度:$(document).height();获取页面的文档宽

jquery 获取滚动条高度
2014-04-09 09:21:29  By: dwtedx

获取浏览器显示区域的高度 : $(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

子页面控制父页面:
parent.document.documentElement.scrollTop;
parent.document.documentElement.clientHeight;

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评