• javaScript之BOM操作2


      1 <!doctype html>
      2 <html lang="en">
      3  <head>
      4   <title>Document</title>
      5   <style>
      6     #btn1 {position:fixed; bottom:0; right:0;}
      7   </style>
      8   <script>
      9     window.onload = function() {
     10         oBtn = document.getElementById("btn1");
     11         var bySystem = true; // 用来判断是用户拖动滚动条还是系统拖动
     12         var timer = null;
     13 
     14         document.onscroll = function() {
     15             if (!bySystem) {
     16                 clearInterval(timer);
     17             }
     18             bySystem = false;
     19         }
     20         oBtn.onclick = function() {
     21             timer = setInterval(function() {
     22                 bySystem = true;
     23                 var scrollTop = document.documentElement.scollTop || document.body.scrollTop;
     24                 var iSpeed = Math.floor(-scrollTop/8);
     25                 if (scrollTop == 0) {
     26                     clearInterval(timer);
     27                 }
     28                 document.documentElement.scrollTop = document.body.scrollTop = scrollTop + iSpeed;
     29             }, 50);
     30         };
     31     };
     32   </script>
     33  </head>
     34  <body>
     35     1<br/>
     36     1<br/>
     37     1<br/>
     38     1<br/>
     39     1<br/>
     40     1<br/>
     41     1<br/>
     42     66666666666666666666666666<br/>
     43     1<br/>
     44     1<br/>
     45     1<br/>
     46     1<br/>
     47     1<br/>
     48     1<br/>
     49     1<br/>
     50     5<br/>
     51     1<br/>
     52     1<br/>
     53     1<br/>
     54     1<br/>
     55     1<br/>
     56     1<br/>
     57     1<br/>
     58     1<br/>
     59     1<br/>
     60     1<br/>
     61     1<br/>
     62     00000000000045634500000000000000<br/>
     63     1<br/>
     64     1<br/>
     65     1<br/>
     66     1<br/>
     67     1<br/>
     68     1<br/>
     69     1<br/>
     70     1<br/>
     71     1<br/>
     72     1<br/>
     73     1<br/>
     74     1<br/>
     75     1<br/>
     76     1<br/>
     77     1<br/>
     78     457458568587574635535646546464<br/>
     79     1<br/>
     80     1<br/>
     81     1<br/>
     82     1<br/>
     83     1<br/>
     84     1<br/>
     85     1<br/>
     86     1<br/>
     87     1<br/>
     88     1<br/>
     89     1<br/>
     90     1<br/>
     91     1<br/>
     92     1<br/>
     93     1<br/>
     94     66666666<br/>
     95     1<br/>
     96     1<br/>
     97     1<br/>
     98     1<br/>
     99     1<br/>
    100     1<br/>
    101     1<br/>
    102     1<br/>
    103     1<br/>
    104     1<br/>
    105     1<br/>
    106     1<br/>
    107     1<br/>
    108     1<br/>
    109     1<br/>
    110     0999999999888888888<br/>
    111     1<br/>
    112     1<br/>
    113     1<br/>
    114     1<br/>
    115     1<br/>
    116     1<br/>
    117     1<br/>
    118     1<br/>
    119     1<br/>
    120     1<br/>
    121     1<br/>
    122     1<br/>
    123     1<br/>
    124     1<br/>
    125     1<br/>
    126     1<br/>
    127     1<br/>
    128     1<br/>
    129     asdfdsa;lkfndsakfnaskdjnfasdnfaksjdfnakjsdf<br/>
    130     1<br/>
    131     1<br/>
    132     1<br/>
    133     1<br/>
    134     1<br/>
    135     1<br/>
    136     1<br/>
    137     1<br/>
    138     1<br/>
    139     1<br/>
    140     1<br/>
    141     1<br/>
    142     1<br/>
    143     1<br/>
    144     1<br/>
    145     1<br/>
    146     1<br/>
    147     1<br/>
    148     1<br/>
    149     43333333333333333333333<br/>
    150     1<br/>
    151     1<br/>
    152     1<br/>
    153     1<br/>
    154     1<br/>
    155     1<br/>
    156     1<br/>
    157     1<br/>
    158     1<br/>
    159     1<br/>
    160     1<br/>
    161     1<br/>
    162     zfsdfcxcxzcz Z ZcxZcZcxZcxz<br/>
    163     1<br/>
    164     1<br/>
    165     1<br/>
    166     1<br/>
    167     1<br/>
    168     1<br/>
    169     1<br/>
    170     1<br/>
    171     1<br/>
    172     1<br/>
    173     1<br/>
    174     3<br/>
    175     1<br/>
    176     1<br/>    
    177     1<br/>
    178     1<br/>
    179     1<br/>
    180     1<br/>
    181     1<br/>
    182     1<br/>
    183     1<br/>
    184     1<br/>
    185     1<br/>
    186     1<br/>
    187     1<br/>
    188     1<br/>
    189     3<br/>
    190     1<br/>
    191     1<br/>    
    192     1<br/>
    193     1<br/>
    194     27342404450404500<br/>
    195     1<br/>
    196     1<br/>
    197     1<br/>
    198     1<br/>
    199     1<br/>
    200     1<br/>
    201     1<br/>
    202     1<br/>
    203     1<br/>
    204     3<br/>
    205     1<br/>
    206     1<br/>    
    207     1<br/>
    208     1<br/>
    209     1<br/>
    210     1<br/>
    211     1<br/>
    212     04041040404<br/>
    213     1<br/>
    214     1<br/>
    215     1<br/>
    216     1<br/>
    217     1<br/>
    218     1<br/>
    219     3<br/>
    220     1<br/>
    221     1<br/>    
    222     1<br/>
    223     1<br/>
    224     1<br/>
    225     1<br/>
    226     1<br/>
    227     1<br/>
    228     1<br/>
    229     1<br/>
    230     1<br/>
    231     1<br/>
    232     1<br/>
    233     1<br/>
    234     3909999999999999999999999999997777777777<br/>
    235     1<br/>
    236     1<br/>    
    237     1<br/>
    238     1<br/>
    239     1<br/>
    240     1<br/>
    241     1<br/>
    242     1<br/>
    243     1<br/>
    244     1<br/>
    245     1<br/>
    246     1<br/>
    247     1<br/>
    248     1<br/>
    249     3<br/>
    250     1<br/>
    251     1<br/>
    252     1<br/>
    253     1<br/>
    254     1<br/>
    255     1<br/>
    256     1<br/>
    257     1<br/>
    258     1<br/>
    259     1<br/>
    260     1<br/>
    261     6666666666666666666666666666<br/>
    262     1<br/>
    263     1<br/>
    264     1<br/>
    265     1<br/>
    266     1<br/>
    267     1<br/>
    268     1<br/>
    269     1<br/>
    270     1<br/>
    271     1<br/>
    272     1<br/>
    273     1<br/>
    274     1<br/>
    275     1<br/>
    276     1<br/>
    277     1<br/>
    278     1<br/>
    279     1<br/>
    280     1<br/>
    281     1<br/>
    282     1<br/>
    283     1<br/>
    284     1<br/>
    285     1<br/>
    286     1<br/>
    287     1<br/>
    288     1<br/>
    289     1<br/>
    290     1<br/>
    291     1<br/>
    292     1<br/>
    293     1<br/>
    294     1<br/>
    295     1<br/>
    296     1<br/>
    297     888888888888888888888888888<br/>
    298     1<br/>
    299     1<br/>
    300     1<br/>
    301     1<br/>
    302     1<br/>
    303     1<br/>
    304     1<br/>
    305     1<br/>
    306     1<br/>
    307     1<br/>
    308     1<br/>
    309     1<br/>
    310     1<br/>
    311     1<br/>
    312     1<br/>
    313     1<br/>
    314     1<br/>
    315     1<br/>
    316     1<br/>
    317     1<br/>
    318     1<br/>
    319     1<br/>
    320     1<br/>
    321     99999999999999<br/>
    322     1<br/>
    323     1<br/>
    324     1<br/>
    325     1<br/>
    326     1<br/>
    327     1<br/>
    328     1<br/>
    329     1<br/>
    330     1<br/>
    331     1<br/>
    332     1<br/>
    333     1<br/>
    334     1<br/>
    335     1<br/>
    336     1<br/>
    337     1<br/>
    338     1<br/>
    339     1<br/>
    340     1<br/>
    341     1<br/>
    342     1<br/>
    343     1<br/>
    344     1<br/>
    345     1<br/>
    346     1<br/>
    347     1<br/>
    348     1<br/>
    349     1<br/>
    350     1<br/>
    351     1<br/>
    352     1<br/>
    353     1<br/>
    354     1<br/>
    355     1<br/>
    356     1<br/>
    357     1<br/>
    358     1<br/>
    359     1<br/>
    360     1<br/>
    361     1<br/>
    362     1<br/>
    363     1<br/>
    364     1<br/>
    365     1<br/>
    366     11111111111111111111<br/>
    367     1<br/>
    368     1<br/>
    369     1<br/>
    370     1<br/>
    371     1<br/>
    372     1<br/>
    373     1<br/>
    374     1<br/>
    375     <input type="button" id="btn1" value="回到顶部" />
    376  </body>
    377 </html>
  • 相关阅读:
    Jquery 改变样式
    2017年04月06日 开启博客之路
    SVN-简要说明
    wp8 入门到精通 高仿微信发信息 键盘不消失
    wp8 入门到精通 仿QQPivot 提示数量
    wp8 入门到精通 虚拟标示符 设备ID
    wp8 入门到精通 测量代码执行时间
    wp8 入门到精通 聊天控件
    wp8 入门到精通 抓包
    wp8 入门到精通 LINQ to SQL
  • 原文地址:https://www.cnblogs.com/tzzt01/p/6258151.html
Copyright © 2020-2023  润新知