jQuery動(dòng)態(tài)修改body滾動(dòng)條位置，類似回到頂部

2024-09-05 12:18:18

字體：大中小

供稿：網(wǎng)友

jQuery動(dòng)態(tài)修改body滾動(dòng)條位置，通過(guò)jQuery動(dòng)態(tài)修改BODY的垂直滾動(dòng)條值，類似回到頂部的作用，點(diǎn)擊對(duì)應(yīng)的#
　　錨點(diǎn)，即可實(shí)現(xiàn)網(wǎng)頁(yè)滾動(dòng)到指定位置。

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>jQuery動(dòng)態(tài)修改body滾動(dòng)條位置</title><script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script><style type="text/css">.wrapper{ margin:0 auto; padding: 20px; width:800px; border:1px solid #00c;  }.lists{ padding: 20px; height: 460px; background: #fc9; margin-bottom: 20px; }</style></head><body><h3>	apple	adobe	microsoft	ibm	google</h3><div   id="iwvjtn8m0"   class="wrapper">	<div   id="iwvjtn8m0"   class="lists"><h2>apple</h2></div>	<div   id="iwvjtn8m0"   class="lists"><h2>adobe</h2></div>	<div   id="iwvjtn8m0"   class="lists"><h2>microsoft</h2></div>	<div   id="iwvjtn8m0"   class="lists"><h2>ibm</h2></div>	<div   id="iwvjtn8m0"   class="lists"><h2>google</h2></div></div><script type="text/javascript">$(document).ready(function(){	$("#adobe").click(function(){				/*		無(wú)論設(shè)置window,"html","body","html,body"都無(wú)法實(shí)現(xiàn)正常效果		*/		/*		一旦執(zhí)行alert函數(shù)就能實(shí)現(xiàn)正常效果		alert("scrollTop Error");		*/		$(window).scrollTop(2000);		return false;	});});</script></body></html>

上一篇：在狀態(tài)欄顯示打字效果的文字

下一篇：論壇Ajax打分效果代碼