teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

ご回答をもとに解決しました!

2018/04/15 00:47

投稿

alpaca540
alpaca540

スコア18

title CHANGED
File without changes
body CHANGED
@@ -31,24 +31,17 @@
31
31
  ```
32
32
 
33
33
 
34
- ###ご回答をもとに再度トライましソースコード
34
+ ###ご回答をもとに解決したコード
35
- mts10806様とstampdoor様に、ローカルストレージについて教えて頂き
36
- コードを修正してみたのですが、元のスクロール位置を表示できず…
37
- こちらのコードで間違っている点、ご指摘頂けましたら有り難いです。
38
- よろしくお願い致します。
39
35
 
40
36
  ```javascript
41
- $(function() {
42
- $('img').click(function(){
37
+ $("img").click(function(){
43
- var scrtop = $(window).scrollTop();
38
+ var scrollPos= $(document).scrollTop();
44
- sessionStorage.setItem('position', scrtop);
39
+ localStorage.setItem('key',scrollPos);
45
- });
46
- $(window).load(function(){
47
- if(position){
48
- var indexScroll = sessionStorage.getItem('position');
49
- scrollTo(0, indexScroll );
50
- }
51
- });
52
40
  });
41
+ $(document).ready(function(){
42
+ var pos = localStorage.getItem('key');
43
+ $('html,body').animate({ scrollTop: pos }, 'slow');
44
+ localStorage.clear();
45
+ });
53
46
 
54
47
  ```

1

ご回答をもとに、再度トライ致しましたソースコード

2018/04/15 00:47

投稿

alpaca540
alpaca540

スコア18

title CHANGED
File without changes
body CHANGED
@@ -28,4 +28,27 @@
28
28
  }
29
29
  });
30
30
  });
31
+ ```
32
+
33
+
34
+ ###ご回答をもとに再度トライしましたソースコード
35
+ mts10806様とstampdoor様に、ローカルストレージについて教えて頂き
36
+ コードを修正してみたのですが、元のスクロール位置を表示できず…
37
+ こちらのコードで間違っている点、ご指摘頂けましたら有り難いです。
38
+ よろしくお願い致します。
39
+
40
+ ```javascript
41
+ $(function() {
42
+ $('img').click(function(){
43
+ var scrtop = $(window).scrollTop();
44
+ sessionStorage.setItem('position', scrtop);
45
+ });
46
+ $(window).load(function(){
47
+ if(position){
48
+ var indexScroll = sessionStorage.getItem('position');
49
+ scrollTo(0, indexScroll );
50
+ }
51
+ });
52
+ });
53
+
31
54
  ```