zoukankan      html  css  js  c++  java
  • 点击回到顶部

    var oBack = document.getElementById("back");  //回到顶部的按钮
    window.onscroll = function(){
        if (getScrollTop() >= 500) {
            oBack.style.display = "block";
        }else{
            oBack.style.display = "none";
        }
    }
    //点击回到顶部
    var timer;
    var flags = true;
    oBack.onclick = function(){
    	
        if (flags == true) {
            flags = false;
        }else{
            return;
        }
        
        var t = 0;
        var b = getScrollTop();
        var c = -b;
        var d = 50;
        timer = setInterval(function(){
            t++;
            var temp = Tween.Cubic.easeIn(t,b,c,d);  //依赖于T尾恩JS,地址http://www.createjs.cc/tweenjs/
            if (t==d) {
                clearInterval(timer);
                flags = true;
            }
            document.body.scrollTop = document.documentElement.scrollTop = temp;
        },15);
    }
    
    //获取滚动条高度
    function getScrollTop(){
        return document.body.scrollTop || document.documentElement.scrollTop;
    }
    
  • 相关阅读:
    Alpha发布——美工+文案展示博客
    021_func
    020_with
    018_IO
    017_set
    016_dict
    015_string
    012_list
    010_ternaryOperation
    008_standard_lib_os
  • 原文地址:https://www.cnblogs.com/hukeer/p/8471879.html
Copyright © 2011-2022 走看看