• 締切済み

スクロールしてページトップへ

「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるような(参考:http://www.endoritsuco.com/disc.htmlhttp://www.mienai.com/about_orthodontics/index.html等)javacsriptを探しています。 javascriptは初心者なので、どこかでスクリプトを配布してたりすると嬉しいのですが。 書籍でも構いませんので情報をいただければと思います。

みんなの回答

回答No.2

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <script language="JavaScript" type="text/javascript"> var scrj = 1; function softScrollBack() { if(navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat") { var scdist = document.body.parentNode.scrollTop; } else { var scdist = document.body.scrollTop; } if(scrj<50 && scdist) { scdist = (scdist>2) ? Math.ceil(scdist*.2) : 1; scrj++; scrollBy(0,-scdist); setTimeout("softScrollBack()",20); } else { scrollTo(0,0); scrj = 1; } } </script> <body> スクロールさすには改行を増やして下さい <br> <a href="top" target="_self" onclick="softScrollBack() ;return false;"></a><a href="../DR/top" target="_self" onclick="softScrollBack() ;return false;"> 上 </a> </html>

tomoya-s
質問者

お礼

ありがとうございます! とても参考になりました。

  • k0021
  • ベストアンサー率26% (32/120)
回答No.1

こんなのですか 文字を入力するとスクロール作成時参考にしました

参考URL:
http://www.fromdfj.net/javascript/windowscroll.html

関連するQ&A

  • ページトップへスクロール

    webページをスクロールしていくと最後に「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるjavaを使用しているんですが、javaをオフにしているユーザーのために、同じリンクボタンで普通のアンカーでトップページに切り替わる(name属性を使った方法)のも併用したいのですがどうすれば良いのでしょうか。 リンク部分のソースはこれです。 <a href="javascript:pageup()">pagetop</a>

  • ページの先頭へスクロールして戻るには

    こんにちは。 HTMLでボディタグ直後に<a name=pagetop"></a>などとしておき、ページの下部において「ページの先頭へ」とか「ページトップ」とか「PAGETOP」とかというリンクを設け、そのリンクをクリックすればページの一番上に戻らせるというHTMLのみでできる方法がありますが、そうでなくて、これをスクロールさせながら戻らせるようにしたいんです。 例えば以下のホームページが実例としてあります。 「ページトップ」という文字をクリックすると上記のようになります。 http://www.yamaha.co.jp/siteusage/index.html もちろん、このサイトのやり方と同じでなくても構いません。よりスマートなソース・やり方で出来ればそれが一番と思います。 JavaScriptは初心者でお恥ずかしいですが、これはぜひとも出来るようになりたいです。頑張ります。 どなたかどうぞ教えてください! 宜しくお願いいたします。

  • こちらのサイトのトップページの作り方

    こちらのサイトを参考にしながらサイトを作っています。 トップから下にスクロールしていくと2ページ目(実際はサイトの縦長シングルページですので2ページ目というのはありませんが)で白い背景のトップメニューがふわっとでてきます。 そして最後のページまでトップメニューがついてきます。 これはどのように実装しているのでしょうか? jQuery,javascriptにお詳しい方、もしよろしければご教授お願いいたします。 http://www.trailspring.org/#about

  • トップページリンクにindex.html

    トップページのファイル名がindex.htmlとすると、トップページへのリンクはhttp://xxx.com/index.htmlとなりますが、http://xxx.com/でもトップページに飛べますよね(ページでなくディレクトリが表示されてしまう場合もありますが)。 トップページへのリンクにはindex.htmlを書いたほうがよいのでしょうか? 私は、ディレクトリに飛んでしまう危険を避けるため、index.htmlを書くべきではないかと思うのですが。 なお、「http://xxx.com/ のほうが見ばえがよい」などの「見ばえ」については無視して考えてください。

    • 締切済み
    • CSS
  • 別サーバー上の「トップページ」にもどっってくるようにしたい

    具体的に申し上げると、「もしもドロップシッピング」の「カートを見る (www.moshimo.com内のページ)」の「TOP」ボタンをクリックしたら、自分のオリジナルのウエブサイトのホームへもどってくるようにしたいのです。  もしかすると、HTMLの問題ではなくて、Javascriptの問題かもしれません。なにぶんにも、初心者なので、手本となるウエブサイトのソースを見ても解読できずに、困っています。よろしく、ご指導ください。 【参考サイト】  http://www.diet-index.jp/  http://www.2han2han.net/

    • ベストアンサー
    • HTML
  • 他サイトからの直リンクをTOPページに飛ばすタグ

    ホームページのTOPページ以外のページにリンクを貼られてしまっていることが多くて、困っております。 他サイトからTOPページ以外へ直接リンクして入って来た場合、強制的にTOPページに飛ばす方法を教えて下さい。 他のところで見つけて、下のタグを試してみましたが、まったく効果がありませんでした。 (ちなみに、IEを立ち上げ、詳細ページのアドレスを貼り付け、リンクさせて見ましたが、TOPページへ飛びませんでした。 <script type="text/javascript"><!-- link = document.referrer; if(!link || !link.match(/http:\/\/www.oooo.jp/))location.href = "http://www.oooo.jp/index.html"; // --></script> ご存知の方、よろしくお願い致します。

  • サイト作成で、トップページのアドレスが二つ存在。

    ホームページビルダー16を使用してます。 トップページを一つしか作成してないのに、アドレスが二つ存在します。 たとえば、aaa.com/ と aaa.com.index.htmlが同じトップページになってしまうのです。 トップページを作成するときのファイル名はindex.htmlにしています。このトップページにアクセスするとindex.html無しのaaa.com/のアドレスが表示されます。しかし、子ページにあるトップページへのリンクをクリックするとaaa.com.index.html表示のトップページが表示されます。 トップページのアドレスは、aaa.com/に統一したいのですが、方法をご存知方いましたらご指導お願いします。

  • トップページのURL

    わたしの運営しているネットショップのTOPページのURLは、 「www.abcd.com」です。(仮です) 内部リンクで各商品ページからTOPに戻れるようにリンクを貼っていますが、 「www.abcd.com/index.html」としています。 これはSEO対策的によくないのでしょうか? 全く同じURLに統一すべきでしょうか? また、内部リンクでなく、外部リンクのときも同様でしょうか?

  • トップページをもうひとつ作るには?

    indexページにアクセスしたとき、用意した特別なページが表示されて、クリックしたら普通のindexページが表示される、というのをやりたいのですが、Javascriptでは可能でしょうか? index.htmlにそのコードを仕込んでおいて、index.htmlにアクセスしたときのみこの動作をするようにしたいです。 特別なページはすでにhtmlで出来ているので、Javascriptでそのhtmlファイルを指定して読み込んで表示する、といったようなコードがありましたら教えていただけると大変助かります。 具体的には、画像Aをクリックすると特別なページが消えて、画像Bをクリックすると別サイトに飛ぶ、というのをやりたいです。 どうぞ宜しくお願いいたします。

  • TOPページのindex.htmを表示させない方法

    ホームページビルダーでホームページを作っています。 トップページのファイルはindex.htmで作っているのでトップページのアドレスが~.com/index.htmになってしまいます。 今まで相互リンクなどたくさんのサイトに~.com/のアドレスでリンクを貼ってもらっているのでそれで統一したいのですが どうすればトップページのアドレスのindex.htmを省くことができるのでしょうか? サイト内の他のページからトップにリンクしているのも全て~.com/index.htmになっているのでそれも~.com/に統一したいのですが…。 SEO的に全て統一した方が有利だと聞きましたので。 そちらの方法もお願いします。

専門家に質問してみよう