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>