外部ページからハッシュタグ（＃）のリンクへ正しく飛ばない

締切済

質問者：sunn_t
質問日時：2010/01/22 13:17
回答数：1件

外部のページから、ハッシュタグを加えたURLを指定し
自分のページの指定した箇所を表示させたいのですが、
正しい位置に飛びません。

・自分のページの指定箇所　<div id="■■■">

・外部ページのリンク指定　a href="http://○○○○○.jp/#■■■"

ちなみに、自分のページは基本indexのみで、
ものすごく長く、
ハッシュタグを使ったjava scriptのページスクロールで
指定箇所を行き来できるようにしています。

<script type="text/javascript">
jQuery.fn.extend({
scrollTo : function(speed, easing) {

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="■■■">になると
すべてページ最下部に飛ばされてしまいます。

原因分かる方、いらっしゃいませんでしょうか。。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： noname#150372
回答日時：2010/01/22 14:00

飛ばない部分は、ページ下部でそれ以上スクロールできない位置にあるだけでは？

この回答への補足

回答ありがとうございます。
いずれの箇所もスクロールはできる状態です。

自分のページのソースですが
<body>
<div id="□□□"></div>　←1番上です
<div id="□□□□"></div>
<div id="□□□□□"></div>
<div id="■■■"></div>
<div id="■■■■"></div>
<div id="■■■■■"></div>　←1番下です
</body>

かなり省略するとこんな感じで
下から3つ■の箇所だけが
指定しても、最下部に飛ばされる状態です。