jQuery控制位置、滚条操作

jQuery控制位置、滚条操作

jQuery获取块级元素的宽高

$('div').width()
$('div').innerWidth()  //padding + width
$('div').outerWidth()  //padding + width + border 
$('div').outerWidth(true) //padding + width +border + margin

获取页面可见区的宽度和高度

$(widow).resize(function(){
		console.log($(window).width());
		console.log($(window)。height());
});

获取滚动条下的宽高

$(window).scroll(function(){
	console.log($(window).scrollTop());
	console.log($(window).scrollLeft());
})

offset和position

console.log($(".son").offset()); //获取元素的相对于document的位置
console.log($(".son").position()); //获取元素相对于有定位的父元素的位置