質問編集履歴
2
リンクを追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,6 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
[colorbox](https://www.jacklmoore.com/colorbox/)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
[背景固定のデモ](https://memorandums.3ki3ki.com/demo/colorbox/demo2/)
|
|
10
14
|
|
|
11
15
|
|
|
12
16
|
|
1
わかりづらかったかと思い、少し詳細に書き直しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
colorboxを閉じたとき、
|
|
1
|
+
colorboxを閉じたとき、ページのトップに戻ってしまいます
|
test
CHANGED
|
@@ -2,11 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
colorbox
|
|
5
|
+
colorboxを使ってポップアップを出しています。
|
|
6
6
|
|
|
7
|
-
背景固定している部分が上手く書けていないよう(?)で、アンカーリンクのリンクはきちんとその位置に移動するのですが、colorboxを普通に閉じた場合、ページのトップに戻ってしまいます。
|
|
8
7
|
|
|
8
|
+
|
|
9
|
+
[colorbox](https://www.jacklmoore.com/colorbox/)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
ポップアップの中に元ページへのアンカーリンクを置いています。
|
|
14
|
+
|
|
15
|
+
見よう見まねで書いた背景固定の部分が上手く書けていないよう(?)で、アンカーリンクのリンクはきちんとアンカーの位置に移動するのですが、colorboxを普通に閉じた場合、ページのトップに戻ってしまいます。
|
|
16
|
+
|
|
9
|
-
普通に閉じた場合、ページのトップに戻らず、colorboxを開いたときのそのままの位置に戻りたいで
|
|
17
|
+
普通に閉じた場合、ページのトップに戻らず、colorboxを開いたときのそのままの位置に戻りたいのでお知恵を拝借させてください。
|
|
10
18
|
|
|
11
19
|
|
|
12
20
|
|
|
@@ -30,6 +38,14 @@
|
|
|
30
38
|
|
|
31
39
|
</div>
|
|
32
40
|
|
|
41
|
+
.
|
|
42
|
+
|
|
43
|
+
.
|
|
44
|
+
|
|
45
|
+
.
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
33
49
|
<div id="anchor">リンク先</div>
|
|
34
50
|
|
|
35
51
|
</div>
|
|
@@ -39,6 +55,12 @@
|
|
|
39
55
|
|
|
40
56
|
|
|
41
57
|
```javascript
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
var current_scrollY = $(window).scrollTop();
|
|
62
|
+
|
|
63
|
+
$(function() {
|
|
42
64
|
|
|
43
65
|
$(".inlineBox").colorbox({
|
|
44
66
|
|
|
@@ -98,7 +120,7 @@
|
|
|
98
120
|
|
|
99
121
|
});
|
|
100
122
|
|
|
101
|
-
|
|
123
|
+
});
|
|
102
124
|
|
|
103
125
|
```
|
|
104
126
|
|
|
@@ -108,14 +130,16 @@
|
|
|
108
130
|
|
|
109
131
|
|
|
110
132
|
|
|
133
|
+
```javascript
|
|
134
|
+
|
|
111
135
|
onClosed:function(){
|
|
112
136
|
|
|
113
|
-
$('#wrapper').attr({ style:''});
|
|
137
|
+
$('#wrapper').attr({ style:''});
|
|
114
138
|
|
|
115
|
-
$('html, body').prop({ scrollTop: current_scrollY });
|
|
139
|
+
$('html, body').prop({ scrollTop: current_scrollY });
|
|
116
140
|
|
|
117
141
|
}
|
|
118
142
|
|
|
119
|
-
|
|
143
|
+
```
|
|
120
144
|
|
|
121
|
-
今度はアンカーリンクのほうがcolorboxを開いたときのそのままの位置に
|
|
145
|
+
colorboxのonClosedを上記のようにしたところ、ページのトップには戻らず、colorboxを開いたときのそのままの位置にきました。が、今度はアンカーリンクのほうがcolorboxを開いたときのそのままの位置にきてしまい、アンカーリンクのある位置にジャンプしません。
|