JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介

JavaScript

ページ内リンクをスムーズスクロールする

ページ内リンクをクリックすると通常は一瞬でスクロールされて画面が切り替わりますが、慣れていない人にはページが他のページへ移動したかと思ってしまうこともあると思います。スムーズスクロール機能を使うことで、ページ内でスクロールしているということが分かりやすくなります。

ご利用について

個人利用の場合はフリーでご自由にお使いいただけます。
法人・商用利用の場合はWEB上手(www.web-jozu.com)へのリンクを貼ってください。
個人利用の場合でもリンクを貼っていただけると、幸いです。

法人・商用利用の方でリンクを貼っていただけない場合はシェアウェア料金をお支払いいただくことで、ご自由にお使いいただけます。料金は以下のページでお支払いいただけます。
※著作権は放棄していません。詳細はご利用規定をご覧ください。

【料金】 ¥1,000 (税込)
シェアウェアのお支払いはこちら ( クレジット決済のみ )

ダウンロードおよび設置方法

ダウンロードスムーズスクロールの必要ファイルのダウンロード (1KB)
ダウンロード
   ※ご利用規定に同意出来る方のみご利用ください。

「更新履歴」の場所までスムーズスクロールする

  • ディレクトリhome
  • テキストindex.html (スムーズスクロール設置ページ)
  • ディレクトリsm_scroll
  • テキストsm_scroll.js

<html>
<head>
<title>スムーズスクロール設置ページ</title>

<script type="text/javascript" src="sm_scroll/sm_scroll.js"></script>

</head>
<body>

<a name="hoge" id="hoge"></a>
※「hoge」は任意名前に置き換えてください。
        ・
        ・
        ・
<a href="#hoge" onclick="smScroll(this); return false;">ページの先頭へ</a>

</body>
</html>

更新履歴

2009/05/17  ver1.0.0・新規公開


ページの先頭へ戻る(サンプル)


関連記事

Follow us on Twitter Subscribe RSS Follow us in feedly
NATURAL PRESS

カテゴリー

このサイトについて

JavaScript・PHP・Vue.jsのサンプルや参考リンク、WEBサイト(ホームページ)で使えるアイコンや写真等の素材をダウンロード出来ます。

他にも、無料で使えるブロガーやアフィリエイター向けの、WordPressマガジンテーマ「NATURAL PRESS」を公開しています。ダウンロードや更新情報は、こちらのサイトで公開しています。

また、「WEB上手」は全ページリンクフリーですのでご自由にリンクしていただけます。リンクしていただけますと嬉しいです。

WordPress Theme NATURAL PRESS by WEB-JOZU.com