LoginSignup
7
9

More than 5 years have passed since last update.

ブラウザがリロード前の位置にスクロールしている対応メモ

Last updated at Posted at 2015-08-05

今更気付いたのだけど、この頃のブラウザはスクロール位置を覚えていて、リロード後もその位置に自動スクロールしていたりする。

というか、割と前からそうなっている模様。
ブラウザリロード時にスクロールをページトップにもってくる方法
http://helog.jp/environment/browser/reload-pagetop/

表示位置固定系のライブラリに影響がありそうだが、最近だと、jQuery.gpFloatというライブラリがうまく動作しなかった。
jQuery.gpFloat
https://github.com/ginpei/jQuery.gpFloat

// リロード後、スクロール状態だと表示位置の計算がおかしくなることがある。
    $(function () {
        (function () {
            $('.fixed-top').gpFloatX();
        })();
    });

付け焼刃的対応。

    $(function () {
        (function () {
            var _top = $(window).scrollTop();
            var _left = $(window).scrollLeft();
            $(window).scrollTop(0);
            $(window).scrollLeft(0);
            $('.fixed-top').gpFloatX();
            $(window).scrollTop(_top);
            $(window).scrollLeft(_left);
        })();
    });
7
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
9