WEB遠位 - トップ源の影響

<!DOCTYPE HTML>
<HTML>

<ヘッド>
<メタのcharset = "UTF-8" />
<タイトル> </ TITLE>
</ HEAD>

<スタイル>
#bot {
位置:固定されました。
右:は50px;
下:100pxに。
背景:赤;
色:#FFF;
テキスト装飾:なし;
表示:なし;
}
</スタイル>

<BODY>
<SCRIPT>
</ SCRIPT>
<divのスタイル= "幅:100%;高さ:200pxの、背景:赤;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:blueviolet; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:ビスク; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:TEAL; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:トマト; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:赤; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:blueviolet; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:ビスク; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:TEAL; "> 111 </ div>
<DIVのスタイル= "幅:100%;高さ:200pxの、背景:トマト;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:赤;"> 111 </ div>
<DIVのスタイル= "幅:100%;高さ:200pxの、背景:blueviolet;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:ビスク;"> 111 </ div>
<DIVのスタイル= "幅:100%;高さ:200pxの、背景:TEAL;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:トマト;"> 111 </ div>
<DIVのスタイル= "幅:100%;高さ:200pxの、背景:赤;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:blueviolet;"> 111 </ div>
<divのスタイル= "幅:100%;高さ:200pxの、背景:ビスク; "> 111 </ div>
<divのスタイル="幅:100%;高さ:200pxの、背景:TEAL; "> 111 </ div>
<DIVのスタイル= "幅:100%;高さ:200pxの、背景:トマト;"> 111 </ div>
<HREF = "javascriptの:;" ID = "ボット"タイトル= "返回顶部">返回顶部</a>の
</ body>の
<スクリプトタイプ= "テキスト/ javascriptの">

VAR DSQ = NULL;
bot.onclick =関数(){
DSQ =たsetInterval(関数(){
VAR gaodu = document.body.scrollTop || document.documentElement.scrollTop;
VAR sudu = Math.floor(-gaodu / 5);
document.body.scrollTop = document.documentElement.scrollTop = gaodu + sudu;
IF(gaodu == 0){
てclearInterval(DSQ);
}

}、30);

}
window.onscroll =関数(){
IF(document.documentElement.scrollTop + document.body.scrollTop> 0){
bot.style.display = "ブロック"。
}他{
bot.style.display = "なし"。
}
}
</ SCRIPT>

</ HTML>

おすすめ

転載: www.cnblogs.com/IDPUBLIC/p/11203416.html
おすすめ