プロジェクトの各段階の概要は、モニターのトップに戻ってスクロールします

 

HTMLコード：

<！ -回顶部- >
  <divのクラス= "jiantou">
   <A>↑</a>の
  </ div>

CSSコード：

jiantou {

 幅：40ピクセル;
 高さ：40ピクセル;
 行の高さ：40ピクセル;
 背景：RGBA（202,54,33、0.7）;
 色：#FFF;
 テキスト整列：センター;
 フォントサイズ：26px;
 フォント重量：900;
 下：20ピクセル;
 右：40ピクセル;
 トランジション：すべての.3s。
 テキスト装飾：なし;

 位置：固定;
 z屈折率：99。
 表示：なし;
 カーソル：ポインタ;
}
.jiantou A {
 色：白。
}

JQコード：

$（関数（）{
    / *回顶部* /
    $（ウィンドウ）.scroll（関数（）{
     VARホイ= $（文書）.scrollTop（）;
     //警告（ホイ）;
     //はconsole.log（ホイ） ;
     場合（ホイ> 300）{
      $（ "jiantou。 "）フェードイン（）;
     }他{
      $（" jiantou。 "）フェードアウト（）;
     }
    }）
    "。jiantou"。$（）をクリックします（関数（ ）{
     $（ "HTML、本体"）アニメーション（{。
     scrollTopスプライト'0PX'}、500）;
    }）
   }）