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

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

WBOY
WBOYオリジナル
2016-05-16 17:58:461168ブラウズ

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

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


< ;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()">トップに戻る





声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。