jQuery尺寸操作

  1. 元素相对于文档的偏移量
var pos = $('#small').offset();
var _left = pos.left;
var _top= pos.top;
  1. 获取元素相对于父级元素的偏移量 offsetLeft offsetTop
     var l = $('#small').position().left;
     var t = $('#small').position().top;
    
3. **获取滚动的距离**
var sT = $(window).scrollTop();//
var sL = $(window).scrollLeft();
4. **设置滚动距离**
$(window).scrollTop(100);
$(window).scrollLeft(200);
5. **获取元素的宽度和高度**
var w = $('#big').width();
var h = $('#big').height();
6. **设置宽度和高度**
$('#big').width(500);
$('#big').height(300);
7. **可视区域的宽度和高度**
var cW = $(window).width();
var cH = $(window).height();
8. **获取文档的宽度和高度**
var sH = $(document).height();
var sW = $(document).width();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,934评论 0 1
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,288评论 0 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 766评论 0 9
  • 文/尘间红叶 十月初休息了一天,一家三口去爬鹤山。山并不高,去的比较早,空无一人。隔着锈迹斑斑的铁门,问看门的夫妻...
    尘间红叶阅读 416评论 5 6