方便以后copy
页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <link href="css/css.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/js.js"></script> </head> <body> <div id="main"> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/> </div> <div id="ads"> 广告广告广告广告广告广告广告广告广告广告<br/> 广告广告广告广告广告广告广告广告广告广<br/> 广告广告广告广告广告广告广告广告广告广告广告广告 </div> </body> </html>
js代码
var adsTop = 150; function testPosition(){ var divAds = document.getElementById("ads"); var sTop1 = document.body.scrollTop; var sTop2 = document.documentElement.scrollTop; var sTop = (sTop1>sTop2)?sTop1:sTop2; var aTop = adsTop+sTop; divAds.style.top=aTop+"px"; } window.onscroll=testPosition;