尺寸相關(guān)、滾動(dòng)事件

1、獲取和設(shè)置元素的尺寸

width()、height()? ? 獲取元素width和height?

innerWidth()、innerHeight()? 包括padding的width和height?

outerWidth()、outerHeight()? 包括padding和border的width和height?

outerWidth(true)、outerHeight(true)?? 包括padding和border以及margin的width和height

2、獲取元素相對(duì)頁(yè)面的絕對(duì)位置

offset()

3、獲取可視區(qū)高度?

$(window).height();

4、獲取頁(yè)面高度?

$(document).height();

5、獲取頁(yè)面滾動(dòng)距離

$(document).scrollTop();?

$(document).scrollLeft();

6、頁(yè)面滾動(dòng)事件?

$(window).scroll(function(){?

? ? ......?

})

元素絕對(duì)位置

$(function(){

var $pos = $('.pos');

//offset().log(pos);

// alert(pos.left + "," + pos.top);

var w = $pos.ou是獲取相對(duì)于頁(yè)面左上角的絕對(duì)位置，即使外面再包一層con居中層，也不影響效果

var pos = $pos.offset();

// consoleterWidth();

var h = $pos.outerHeight();

// alert(w);

$('.pop').css({left:pos.left + w,top:pos.top});

$pos.mouseover(function() {

$('.pop').show();

});

$pos.mouseout(function() {

$('.pop').hide();

});

})