- 締切済み
ページ内のスクロールをゆっくり移動させる方法について
merBleu623の回答
- merBleu623
- ベストアンサー率100% (2/2)
リンク先のページでは、Javascriptを使って実装されているようですね。 右クリック⇒[ソースの表示]で確認しました。 大まかな処理の流れとして、 「リンクをクリックした際に、0.01秒刻みでほんの少しだけ上にスクロールさせる」 という処理を繰り返して行っているようです。 HTMLだけでは表現できないかと・・
関連するQ&A
- ページの先頭へスクロールして戻るには
こんにちは。 HTMLでボディタグ直後に<a name=pagetop"></a>などとしておき、ページの下部において「ページの先頭へ」とか「ページトップ」とか「PAGETOP」とかというリンクを設け、そのリンクをクリックすればページの一番上に戻らせるというHTMLのみでできる方法がありますが、そうでなくて、これをスクロールさせながら戻らせるようにしたいんです。 例えば以下のホームページが実例としてあります。 「ページトップ」という文字をクリックすると上記のようになります。 http://www.yamaha.co.jp/siteusage/index.html もちろん、このサイトのやり方と同じでなくても構いません。よりスマートなソース・やり方で出来ればそれが一番と思います。 JavaScriptは初心者でお恥ずかしいですが、これはぜひとも出来るようになりたいです。頑張ります。 どなたかどうぞ教えてください！ 宜しくお願いいたします。
- 締切済み
- JavaScript
- ページ内リンクついて
乱文にて失礼いたします。 ページ内リンクで所定の場所に移動した時、 普通はURLの末に、「~.html#リンク先」となります。 すると、ブラウザの戻るボタンで戻ろうとした時に、 一度のクリックでは、移動前の場所に戻るだけで、 前のページに戻れません。 ［例］http://www.nttdocomo.co.jp/service/ ※「このページのトップへ」でページの上に移動後、 ブラウザの「戻る」を選択すると、ページの最下層に移動してしまう。 しかし、下記例のホームページではページ内リンクにを 使用しているのに、URLが「~.html#リンク先」とならず、 「~.html」のままです。 ［例］http://amanaholdings.jp/corporate/history/index.html ※すると、ページ内リンクを使用しても、ブラウザの「戻る」を 一度クリックするだけで、前のページに移動できます。 こういう場合、どういった設定をしているのでしょうか？ 教えて下さい。
- ベストアンサー
- HTML
- 新しいページが背面に移動してしまう
例えば、ネット上のあるページを開いて、その次に進もうとクリックすると、新しいページは、既存のページの背面に表示されています。従って、既存のページをドラッグして移動しなければ、新しいページは見えてこないのです。何か設定の方法があるのでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- スクロールしてページトップへ
「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるような（参考：http://www.endoritsuco.com/disc.html、http://www.mienai.com/about_orthodontics/index.html等）javacsriptを探しています。 javascriptは初心者なので、どこかでスクリプトを配布してたりすると嬉しいのですが。 書籍でも構いませんので情報をいただければと思います。
- 締切済み
- JavaScript
- 同ページ内の移動
よろしくお願いします。 同ページ内で、一番下部などに有る「ページTOPへ」をクリックすることでそのページの頭に返るリンク（ラベル）がありますが、その際ゆっくり戻るページがあるのです。 どのような作業をするものなのかお教えいただけますでしょうか？ 例：http://www.nikon-image.com/jpn/index.htm
- 締切済み
- ホームページ作成ソフト
- ページ内リンクをスクロール移動させる方法
このサイトのように、メニューをクリックすると コンテンツ側のエリアだけスクロールするようにさせるには どうすればいいのでしょうか？ http://www.yurikago.or.jp jQueryを使ったページ内スクロールの方法は色々なサイトで紹介されていたのですが、 どれもページ全体がスクロール移動するものだったので、質問させて頂きました。 （あるいはページ全体がスクロールするものを少しアレンジすれば、可能なのでしょうか？） 教えて頂けましたら幸いです。
- ベストアンサー
- CSS
- header関数でページ移動しない
現在携帯サイトをPHPで作成しているのですが下記のようなコードを書くと、ページが移動しません。 本来は条件処理をした後で、ページ移動させたい地のですが、 一番シンプルなコードにしてもページが移動してくれません。 ローカルサーバーのVine Linuxでは動作するのですが、 ロリポップ、114090、berrysan.net(http://www.berrysan.net/index.html) などでは動作してくれません。 ---------------- 以下 ページが移動しない --------------- <?php //サイト設定ファイル読み込み require_once("./setini.php"); $Url = "http://oshiete.goo.ne.jp/"; header("Location: $Url"); ?> ------------------------------------------------------ ---------------- 以下 ページが移動する ---------------- <?php //サイト設定ファイル読み込み //require_once("./setini.php"); $Url = "http://oshiete.goo.ne.jp/"; header("Location: $Url"); ?> ------------------------------------------------------ setini.phpは、下記のようなdefine定義があるだけです。 <?php define("TOP_FILE","./index.php"); ： ： ?> 何処か使い方がおかしいのでしょうか？ よろしくお願いします。
- ベストアンサー
- PHP
- アクティブページのURLを取得・編集して移動
カレンダー付のhtmlページを作成しています。 現在開いているウィンドウのURLを取得して前年、翌年の同月のページに移動するリンクを作成したいのですが、JavaScripを使用して出来ますか？出来れば方法を教えてください。 例）現在開いているページのURLが 「http://○○/2005/04/index.html」だった場合、JavaScripを記述した場所に 「http://○○/2003/04/index.html」と 「http://○○/2006/04/index.html」のリンクを作成。
- ベストアンサー
- JavaScript
- ページが横にスーっと移動するようにしたい
非常にわかりにくいかもしれない説明なのですが、 サイトにて使用したい機能があるのです。 リンクをクリックすると、ページが横にススーっと移動して、次のページに移る、というものです。 これはいったいどういう風に作成するのでしょうか？ Javascriptなどでしょうか？ どなたか作り方の参考になるページなどご存知の方いらっしゃいましたら、アドレスを教えてくだると助かります。
- ベストアンサー
- その他（プログラミング・開発）
- H・Pの同一ページ内のラベルへ移動するHTML記述方法を教えてください
H・P作りを始めたばかりです。 同一ページ内のラベルへ移動するHTMLタグの場合「自分のホームページにおけるページ同士のリンクは相対リンクで記述すべし」と書いてありました。 例えば、同一ページ内フォルダにそれぞれindex.html、002.html、003.html、004.htmlのファイルがあったとします。 index.html←→002.htmlあるいは002.html←→003.html←→004.html→002.htmlとリンクさせるには どのようにHTMLタグ記述をすればいいでしょうか。 また、どこに記述すればいいでしょうか。 よろしくご教示お願いいたします。
- 締切済み
- その他（インターネット・Webサービス）