質問編集履歴
4
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
3
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
タブ切り替えについて
|
test
CHANGED
|
@@ -1,77 +1,5 @@
|
|
|
1
|
-
EC-CUBEのプラグインを使用してタブ切り替えを実装しているのですが、aタグで切り替わっているためかクリックする度に画面がカクカク動いてしまします。
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
使用しているプラグイン(デモページが全く同じ挙動です)
|
|
4
|
-
|
|
5
|
-
|
|
6
2
|
|
|
7
3
|
使用しているプラグイン(デモページが全く同じ挙動です)
|
|
8
4
|
|
|
9
|
-
https://www.ec-cube.net/products/detail.php?product_id=2198
|
|
10
|
-
|
|
11
5
|
使用例(こちらはカクカクしていないので理想形です)
|
|
12
|
-
|
|
13
|
-
https://matsudo.joolen.com/faq
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
<ul class="tabs nav">
|
|
20
|
-
|
|
21
|
-
<li class="nav-item {% if loop.first %}active{% endif %}" >
|
|
22
|
-
|
|
23
|
-
<a href="#nav-group-{{ FaqCategory.id }}" ><p>{{ FaqCategory.name }}</p></a>
|
|
24
|
-
|
|
25
|
-
<div class="accordion tab-content sp">
|
|
26
|
-
|
|
27
|
-
<dl class="tab-panesp">
|
|
28
|
-
|
|
29
|
-
---
|
|
30
|
-
|
|
31
|
-
</dl>
|
|
32
|
-
|
|
33
|
-
</div>
|
|
34
|
-
|
|
35
|
-
</li>
|
|
36
|
-
|
|
37
|
-
{% endfor %}
|
|
38
|
-
|
|
39
|
-
</ul>
|
|
40
|
-
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
<script>
|
|
46
|
-
|
|
47
|
-
$(function() {
|
|
48
|
-
|
|
49
|
-
let hash = window.location.hash
|
|
50
|
-
|
|
51
|
-
if (hash !== '') {
|
|
52
|
-
|
|
53
|
-
$("ul.nav a[href=\"" + hash + "\"]").tab("show")
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
$(".tabs a").on('click', function() {
|
|
60
|
-
|
|
61
|
-
$(this).tab("show");
|
|
62
|
-
|
|
63
|
-
hash = $(this).attr('href');
|
|
64
|
-
|
|
65
|
-
let scrollmem = $("body").scrollTop()
|
|
66
|
-
|
|
67
|
-
window.location.hash = hash
|
|
68
|
-
|
|
69
|
-
$("html,body").scrollTop(scrollmem);
|
|
70
|
-
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
</script>
|
|
76
|
-
|
|
77
|
-
```
|
2
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
1
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
EC-CUBEのプラグインを使用してタブ切り替えを実装しているのですが、aタグで切り替わっているためかクリックする度に画面がカクカク動いてしまします。
|
|
2
2
|
|
|
3
3
|
既存のコードを活かした上でいい方法はないでしょうか？
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
使用しているプラグイン(デモページが全く同じ挙動です)
|
|
8
|
+
|
|
9
|
+
https://www.ec-cube.net/products/detail.php?product_id=2198
|
|
10
|
+
|
|
11
|
+
使用例(こちらはカクカクしていないので理想形です)
|
|
12
|
+
|
|
13
|
+
https://matsudo.joolen.com/faq
|
|
14
|
+
|
|
15
|
+
|
|
4
16
|
|
|
5
17
|
```
|
|
6
18
|
|