純jsをトップ関数にスクロールして共有します.

2849 ワード

簡単なjsはページのトップの関数にスクロールします.純粋なjsはJqeuryに依存しません.直接aラベルでアンカーするのではなく、速度もコントロールできます.コードを先に貼り付けます.
function gototop(gotop, speed){
    var timer;
    var oldTop = document.documentElement.scrollTop || document.body.scrollTop;
    gotop.addEventListener('click',function(){
        var speed = speed || 10;
        timer = setInterval(function(){
            var top = document.documentElement.scrollTop || document.body.scrollTop;
            var gospeed = top/100;
            if(gospeed>speed){
                gospeed = speed;
            }else if(gospeed<3){
                gospeed = 3;
            }
            if(top>speed){
                if(document.documentElement.scrollTop){
                    top = document.documentElement.scrollTop-=speed;
                }else{
                    top = document.body.scrollTop-=speed;
                }
            }else{
                clearInterval(timer);
            }
        },5);
    });

    window.onscroll = function(e){
        var newTop = document.documentElement.scrollTop || document.body.scrollTop;
        if(newTop>100){
            gotop.style.display = "block";
        }else{
            gotop.style.display = "none";
        }
        if(newTop>oldTop){
            clearInterval(timer);
        }
        oldTop = newTop;
    }
}
Created with Raphaël 2.1.0スクロールトップのボタンをクリックしてループの関数を設定し、ページの現在の高さを縮小し続けています.現在の高さはもう一回の高さ減少操作を行うのに十分ですか?下スクロールの操作でループをクリアする機能があるかどうかを検出し、スクロールを停止します.