制作物全国対応・兵庫県 姫路市にある発信力をテーマとしたホームページ・ブログ制作
ニコ株式会社
Blog


JavaScriptで「to top」スクロール


Javascriptで手軽に to topスクロールが可能です。

ホームページはもちろん、ブログにも搭載可能です^^
(ブログはアメブロしか試していません 汗)


実際にホームページで確認したい方はこちら

 

使用方法

このサイトから scrolltopcontrol.js と up.png というファイルをダウンロードします。

同じフォルダに入れてUP。

アメブロに実装する場合は、scrolltopcontrol.jsは「utf-8」で保存してくださいね。動きませんので。

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://フォルダパス/scrolltopcontrol.js">
/************************************************ Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Project Page at http://www.dynamicdrive.com for full source code***********************************************/
</script>

これを入れれば稼働します。

 

up.pngですが、

デフォルトの画像がイケてないので、画像を提供しているところのリンク貼っておきます。

http://www.hp-boxes.com/image/img-return.html

(保存するときは「up.jpg」に変更してscrolltopcontrol.jsの12行目の「up.png」部分を変更し、サイズも変更して使います)

 

 



井上 大輔

この記事を書いたひと

ニコ株式会社の社長。html、cssのコーディングの基礎を独学で学び、引きこもってゴソゴソとコーディングをするのが趣味。 建物を見るとhtmlとcssが浮かぶほど。 webの力に惹かれ、今日もせっせとコーディングを行っています。 好きなことはいたずら。子供の頃の夢は社長。 ゲーム好きでテイルズシリーズ、龍が如くシリーズの話題は大好き。 圧倒的にドSですが、妻に怯えながらスマホのゲームに課金をしています。


カテゴリー: PC、WEB小ネタ   パーマリンク

コメントは受け付けていません。

関連記事


カテゴリー:PC、WEB小ネタ

ニコ株式会社 公式コラム

お知らせ

コラム新着情報

公式フェイスブックページ


Copyright ©ニコ株式会社 All Rights Reserved.