4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

submitボタンを押してページがリロードされてもページが一番上に行かないようにする。

Posted at

submitボタンを押してページがリロードされてもページが一番上に行かないようにする。
下記コードをjqueyを読み込んだ後に読み込まれるように挿入。

index.html
・
・
・
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript">
      var windowPosition = function(){
        //ローカルストレージからデータを取得
        var windowPosition;
        windowPosition = localStorage.getItem('windowPosition');
        windowPosition = window.localStorage.getItem('windowPosition');
        windowPosition = localStorage.windowPosition;
        //読み込んだ表示位置を復元
        $(window).scrollTop(windowPosition);
        //読み込んだらローカルストレージをクリア
        localStorage.clear();
        window.localStorage.clear();
        //submitした時の表示位置をローカルストレージに保存
        $('input[type="submit"]').click(function(){
          windowPosition = $(window).scrollTop();
          localStorage.setItem('windowPosition', windowPosition);
          window.localStorage.setItem('windowPosition', windowPosition);
          localStorage.windowPosition = windowPosition;
        });
      }();
    </script>
    <script src="メインとなるJSファイル"></script>
  </body>
</html>

該当画面が重いor通信速度が極端に遅くなければリロードされページが一番上に行く動作もないかと思います。

4
5
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
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?