jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

全栈工程师开发手册（作者：栾鹏）

jquery系列教程2-style样式操作全解

jquery获取设置元素宽高位置

jquery的通过height()、width()、offset()、position()、scrollTop()、scrollLeft()等函数获取和设置元素宽高，具体功能如代码中注释。

代码如下：

var width = $cr.width();                                        //读取宽高相关样式：height、width、innerHeight、innerWidth、outerHeight、outerWidth
$cr.width(800);                                                 //设置宽高相关样式：height、width、innerHeight、innerWidth、outerHeight、outerWidth
var offset = $cr.offset();                                      //偏移类。获取元素在当前视窗中的相对偏移，只对可见元素有效，包含offset.left和offset.top两个属性
var position = $cr.position();                                  //位置类。获取元素相对于最近的一个position属性设置为relative或absolute的祖父节点的相对偏移，包含position.left和position.top两个属性
$cr.scrollTop();                                                //获取元素的滚动条距顶端的距离
$cr.scrollLeft(300);                                            //获取元素的滚动条距左端的距离，也可以通过参数设置滚动左边的距离

jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()相关推荐

微信小程序动态获取和设置元素宽高
需求由于设计界面时常常会用到vh和rpx来设置元素的宽高,但是由于每个手机屏幕的高都不确定,而有时候在设计界面时想把内容刚好适应屏幕大小. 解决方法设置要动态修改宽高的元素. <view c ...
jquery 判断是否是浮点数_jquery或者js获取到元素宽高精确到小数
首先我们应该知道用jQuery的width()方法获取元素的宽高及样式属性数值时,如果元素的属性是浮点数,会自动四舍五入成整数. 而如果我们就是想获取实际的带小数的属性数值时该用什么方法. 在使用获取 ...
位置相关属性offset(),position(),scrollTop()等
offset() : 获取匹配元素在当前窗口的相对偏移.位置是相对屏幕的,返回的对象包含两个整形属性:top 和 left.此方法只对可见元素有效. DEMO: <!DOCTYPE html P ...
jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
页面宽高，窗口宽高，元素宽高，元素位置，页面滚动距离
注:以下内容只适用于chrome 页面宽高: document.body.clientWidth/Height(不包括margin) document.body.offsetWidth/Height( ...
Html百分比设宽偏差大,absolute和relative元素设置百分比宽高的差异
一般元素在页面所占的空间包括:magin border padding content.以前一直以为子元素设置百分比宽高都是以父元素的content值为基准计算的.但是当子元素的position不同时 ...
微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
dom操作获取盒子宽高位置的三种方法,offset/scroll/client三大家族使用详解(附源码及注释)
结论:页面body的高度==视口的高度+滚动条滚动的距离. 这是一个恒等式,看完本篇博客,你将了解offset/scroll/clent三大事件获取宽高位置的具体含义,运用所学内容可以推导出这样的恒等 ...
如何通过JS获取元素宽高
方法一:DOM节点.offsetWidth/offsetHeight 作用:获取到的是内容区域(content) + 内边距(padding) + 边框(border)的值,输出一个数字. <s ...

jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

jquery获取设置元素宽高位置

jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()相关推荐

最新文章

热门文章