![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
外部のページから、ハッシュタグを加えたURLを指定し
自分のページの指定した箇所を表示させたいのですが、
正しい位置に飛びません。
・自分のページの指定箇所 <div id="■■■">
・外部ページのリンク指定 a href="http://○○○○○.jp/#■■■"
ちなみに、自分のページは基本indexのみで、
ものすごく長く、
ハッシュタグを使ったjava scriptのページスクロールで
指定箇所を行き来できるようにしています。
<script type="text/javascript">
jQuery.fn.extend({
scrollTo : function(speed, easing) {
<!-- hashの取得が出来なければ、処理を中断 -->
if(!$(this)[0].hash || $(this)[0].hash == "#") {
return false;
}
return this.each(function() {
var targetOffset = $($(this)[0].hash).offset().top;
$('html,body').animate({scrollTop: targetOffset}, speed, easing);
});
}
});
$(document).ready(function(){
$('a[href*=#]').click(function() {
$(this).scrollTo(1200);
return false;
});
});
</script>
これが原因なのかわかりませんが、
現状、外部からリンクした場合は、
ページ上部の<div id="□□□">には正しく飛びますが、
何故か、ページ下部の<div id="■■■">になると
すべてページ最下部に飛ばされてしまいます。
原因分かる方、いらっしゃいませんでしょうか。。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
飛ばない部分は、ページ下部でそれ以上スクロールできない位置にあるだけでは?
この回答への補足
回答ありがとうございます。
いずれの箇所もスクロールはできる状態です。
自分のページのソースですが
<body>
<div id="□□□"></div> ←1番上です
<div id="□□□□"></div>
<div id="□□□□□"></div>
<div id="■■■"></div>
<div id="■■■■"></div>
<div id="■■■■■"></div> ←1番下です
</body>
かなり省略するとこんな感じで
下から3つ■の箇所だけが
指定しても、最下部に飛ばされる状態です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
mailtoで質問・・・
-
スクロールテキストボックス ...
-
ページを読み込み直さずに、sel...
-
スクロールの同期ってできますか?
-
横スクロールを右から左へ・・・
-
(Javascript)印刷するファイル...
-
ボタンが押されたらWebページの...
-
ページの読み込みが完了してか...
-
外部ページからハッシュタグ(...
-
Windowサイズにより赤枠の大き...
-
styleタグとbodyタグの関係につ...
-
テキストボックス内にハイパー...
-
複数のiframeの読み込みについて
-
折りたたみ表示について
-
winxpで作ったHPがwin8では動...
-
上下にイメージをリピートさせたい
-
bodyタグの範囲について
-
bodyにwidth:100%をつける理由は?
-
formタグって必要ですか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
テキストボックス内にハイパー...
-
別ページのページ内リンクでの...
-
ハイパーリンクに下線を表示す...
-
ページの読み込みが完了してか...
-
横スクロールを右から左へ・・・
-
Chromeがiframe内の「#~」に釣...
-
ページによって表示位置がずれ...
-
"mailtoでメールの【氏名】【性...
-
bodyにwidth:100%をつける理由は?
-
iframeのsrcにページ内リンク(...
-
スクロールバーのスクロール量...
-
ボタンが押されたらWebページの...
-
h1にmarginを指定すると一瞬カ...
-
ホームページ上に『位置固定』...
-
htmlで任意の行の文字位置を右...
-
テキストをクリックすると答え...
-
googleマイマップとのリンクを...
-
-css- ページオープン時やリロ...
おすすめ情報