jQueryè·åçç¸å
³æ¹æ³
jquery è·åæ»å¨æ¡é«åº¦
è·åæµè§å¨æ¾ç¤ºåºåçé«åº¦ ï¼
$(window).height();
è·åæµè§å¨æ¾ç¤ºåºåç宽度 ï¼
$(window).width();
è·å页é¢çææ¡£é«åº¦ ï¼
$(document).height();
è·å页é¢çæ档宽度 ï¼$(document).width();
è·åæ»å¨æ¡å°é¡¶é¨çåç´é«åº¦ ï¼
$(document).scrollTop();
è·åæ»å¨æ¡å°å·¦è¾¹çåç´å®½åº¦ ï¼
$(document).scrollLeft();
计ç®å
ç´ ä½ç½®åå移éï¼
$(id).offset();
offsetæ¹æ³æ¯ä¸ä¸ªå¾æç¨çæ¹æ³ï¼å®è¿åå
è£
éä¸ç¬¬ä¸ä¸ªå
ç´ çå移信æ¯ãé»è®¤æ
åµä¸æ¯ç¸å¯¹bodyçå移信æ¯ãç»æå
å« topåleft两个å±æ§ã
offset(options, results)
options.relativeToããæå®ç¸å¯¹è®¡
ç®å移ä½ç½®çç¥å
å
ç´ ãè¿ä¸ªå
ç´ åºè¯¥æ¯relativeæabsoluteå®ä½ãçç¥åç¸å¯¹bodyã
options.scrollããæ¯å¦æ
æ»å¨æ¡è®¡ç®å¨å
ï¼é»è®¤TRUE
options.paddingããæ¯å¦æpadding计ç®å¨å
ï¼é»è®¤false
options.margin
ããæ¯å¦æmargin计ç®å¨å
ï¼é»è®¤true
options.borderããæ¯å¦æè¾¹æ¡è®¡ç®å¨å
ï¼é»è®¤true
使ç¨jsè·åçç¸å
³æ¹æ³
//åå°é¡µé¢é¡¶é¨
$("#goTotop").click(function(){
$('body,html').animate({scrollTop:0},1500); //ç¹å»æé®è®©å
¶åå°é¡µé¢é¡¶é¨
});
$(window).scroll(function() {
var yheight1=window.pageYOffset; //æ»å¨æ¡è·é¡¶ç«¯çè·ç¦»
var yheight=getScrollTop(); //æ»å¨æ¡è·é¡¶ç«¯çè·ç¦»
var height =document.documentElement.clientHeight//æµè§å¨å¯è§åçªå£ç大å°
var top=parseInt(yheight)+parseInt(height)-217;
var divobj=$(".kf");
divobj.attr('style','top:'+top+'px;');
})
/**
* è·åæ»å¨æ¡è·ç¦»é¡¶ç«¯çè·ç¦»
* @return {}æ¯æIE6
*/
function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset; }
else if (document.compatMode && document.compatMode != 'BackCompat')
{ scrollPos = document.documentElement.scrollTop; }
else if (document.body) { scrollPos = document.body.scrollTop; }
return scrollPos;
}