ホームページ > ウェブフロントエンド > jsチュートリアル > top_javascript スキルに戻るための js スクロール バーのコード

top_javascript スキルに戻るための js スクロール バーのコード

WBOY
リリース: 2016-05-16 17:58:46
オリジナル
1226 人が閲覧しました

滑らかさはうまく処理されていませんが、学習には非常に適しています

コードをコピー コードは次のとおりです:


< ;html lang=" en">


<スクリプト タイプ="text/javascript ">
//ページが表示されるとすぐにスクロール バーが一番下になるように Web ページの高さを取得する方法
function myScroll()
{
//前は、chrome などの一般的なブラウザを取得することです。取得できない場合は、IE を使用して
var x=document.body.scrollTop||document.documentElement.scrollTop; を取得します。 timer=setInterval(function(){
x=x-100 ;
if(x{
x=0;
window.scrollTo(x,x);
clearInterval(タイマー);
}
},"250");


;初期化


style="position:fixed;right:10px;bottom:50px;width:20px;height :70px;background-color:red;cursor:hand;"
onclick="myScroll()">トップに戻る





ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート