首页 > 代码库 > js之滚动置顶效果

js之滚动置顶效果

1、首先,我们需要图片的支持,至少需要一张“置顶”的图片

    


2、然后,到网上找一张比较大的图片,到时直接多放几张到网页上就可模拟页面可滚动效果

<html>
<head>
    <style type="text/css">
    #scroll {
        width: 62px;
        height: 50px;
        right: 50px;
        bottom: 50px;
        display: none;
        cursor: pointer;
        position: fixed;
        background: url("goTop.png");
    }
    </style>
</head>
<body>
    <div>
        <img src=http://www.mamicode.com/"tangwei.jpg" />> 


代码不多也不难,耐心一点都可以读懂,不规范的请忽略,效果图如下: