jquery获取各种高度

  1. alert($(window).height()); //浏览器时下窗口可视区域高度   
  2. alert($(document).height()); //浏览器时下窗口文档的高度   
  3. alert($(document.body).height());//浏览器时下窗口文档body的高度   
  4. alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin   
  5. alert($(window).width()); //浏览器时下窗口可视区域宽度   
  6. alert($(document).width());//浏览器时下窗口文档对于象宽度   
  7. alert($(document.body).width());//浏览器时下窗口文档body的高度   
  8. alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin   
  9. alert($(document/window).scrollTop()); / 滚动条滚动后相对于浏览器的高度
  10. alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
  11. offset(): 
    获取匹配元素在当前视口的相对偏移。 
    返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。 获得 <p> 元素当前的偏移:
    $(".btn1").click(function(){
      x=$("p").offset();
      $("#span1").text(x.left);
      $("#span2").text(x.top); 
    }); 
  12. 获取元素跟随滚动条滚动后,相对于浏览器顶部的高度= offset向上(top)偏移量-滚动条滚动后相对于浏览器的高度

  13. 转自:http://stelin.iteye.com/blog/1681798
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值