js 浏览器滚动事件

最新推荐文章于 2025-08-05 04:44:29 发布

转载最新推荐文章于 2025-08-05 04:44:29 发布 · 6.1k 阅读

15 篇文章

订阅专栏


<html>
    <head>
<script type="text/javascript" src="jquery.js"></script>
        <style type="text/css">
#top_div{
    position:fixed;//fixed是相对于浏览器窗口定位，而absolute和relative是相对元素定位
    bottom:80px;
    right:0;
    display:none;
}
</style>
<script type="text/javascript">
window.onscroll = function(){
    alert("123");
    var t = document.documentElement.scrollTop || document.body.scrollTop; 
    var top_div = document.getElementByIdx_x_x_x_x( "top_div" );
    if( t >= 300 ) {
        top_div.style.display = "inline";
    } else {
        top_div.style.display = "none";
    }
}

</script>
    </head>

    <body>

<a name="top">顶部<a>
<div id="top_div"><a href="#top">返回顶部</a></div>
<br />
<br />
<div>
这里尽量多些<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 /><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 /><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 

/><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 /><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>
    </body>
</html>