忍者ブログ
18 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

26 December

firefoxとIEで別ページからのページ内アンカーリンクがずれる

なんか前のコードでIEで強制リロードしてくんねえ
Chrome以外で正常な位置にとばねえ。あーうざすぎ。細かい客に当たるとめんどくせえ
firefoxとChromeでは、このコードで動いたがIEが全然だめ。
検索しまくってやっと原因がわかった。body締め直前に最後に実行させないとIEでちゃんと動かなかった。

ありがたいコードをコピペ
https://entrys.jp/html5/column/2289/
一番下にコードを置く
https://www.drk7.jp/MT/archives/001550.html
https://kumiko-jp.com/archives/215120.html

<script type="text/javascript">
//全て読み込んでからの処理 別ページからのアンカーリンクが正常な位置に飛ばない対策
//html内の一番下に記述しないとIEで動作しない
$(window).on('load', function() {
    var hash = window.location.hash;
    var position = $(hash).offset().top;
    function scroll(position){
      $('html, body').animate({
        scrollTop : position
      }, 200);
    }
    scroll(position);
});
</script>



http://design-ya.net/blog/2015/10/19/35/

<script language=JavaScript>
function now() {
window.location.reload(true);
}
</script>


IE11でも別ページからのアンカーリンクちゃんと飛ばなかった!!2019/10/01
そういえば忘備録に書いてあったかなーと思って検索したらあった!!
ヨカッター。そんでURLとんでみたら記事がなかった
やっぱりコードを自分のとこに引用コピペ寸の大事だな



いつもIEばっかり気にしていていたが、firefoxだけのおかしい点があった
別ページからベージ内アンカーリンクを飛んだとき、ちゃんとidの位置に飛ばなくてずれる
検索するとどうも結構昔からある症状の様子だ

治す方法は見つからず、飛んだ後、強制リロードするというscriptで対処する方法がみつかった
ありがてえ
飛んだ後再リロードすると正常な位置に戻るので、それを自動でする形。
PR