JSトップ小さなデモ


    < スタイル> 
        .divH { 
            高さ1800px ; 
        } 
        .divT { は50px 
            高さは50px ; 
            フォントサイズ18px ; 
            背景色#2F4F4F 
            テキスト整列センター; ; 
            位置固定; 18px; 18px ; 
        } 
        .divT:ホバー{ 
            カーソルポインタ
        } 
        .hide { 
            表示なし
        } 
    </ スタイル> 
</ ヘッド> 
< ボディ> 
< DIV クラス= "DIVH" > </ DIV > 
< DIV クラス= "divT隠す" のonclick = "ReturnTop();" > < 強い>返回顶部<> </ divの> 

< スクリプトSRC = "./ JQ / jqueryの-1.9.1.min.js" > </ スクリプト> 
< スクリプト> 
    window.onscroll =  機能(){
         VARの現在= $(ウィンドウ).scrollTop( );
        もし(現在の>  180 ){ 
            $(" .divT " ).removeClass(" 非表示" )。
        } { 
            $(" .divT " ).addClass("" ); 
        } 
    }; 

    機能ReturnTop(){ 
        $(ウィンドウ).scrollTop(0 ); 
    } 
</ スクリプト>

ページのトップ右下ボタン、模倣淘宝網はありますか?window.scrollTop()メソッド

おすすめ

転載: www.cnblogs.com/renqiaoqiao/p/11568464.html