純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スクロールトップのボタンをクリックしてループの関数を設定し、ページの現在の高さを縮小し続けています.現在の高さはもう一回の高さ減少操作を行うのに十分ですか?下スクロールの操作でループをクリアする機能があるかどうかを検出し、スクロールを停止します.