方便以后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;

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-16
  • 2022-12-23
  • 2021-12-01
  • 2021-07-02
  • 2021-09-07
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-07
  • 2021-10-16
相关资源
相似解决方案