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()); //获取元素相对于有定位的父元素的位置