質問編集履歴
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -48,6 +48,13 @@
|
|
|
48
48
|
<!--contents04-->
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
51
|
+
|
|
52
|
+
<ul id="menu">
|
|
53
|
+
<li data-menuanchor="page1" class="active"><a href="#page1">Page 1</a></li>
|
|
54
|
+
<li data-menuanchor="page2"><a href="#page2">Page 2</a></li>
|
|
55
|
+
<li data-menuanchor="page3"><a href="#page3">Page 3</a></li>
|
|
56
|
+
<li data-menuanchor="page4"><a href="#page4">Page 4</a></li>
|
|
57
|
+
</ul>
|
|
51
58
|
```
|
|
52
59
|
JavaScript
|
|
53
60
|
```
|
3
改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -34,33 +34,36 @@
|
|
|
34
34
|
|
|
35
35
|
HTML
|
|
36
36
|
```
|
|
37
|
-
<div id="pagepiling">
|
|
37
|
+
<div id="pagepiling">
|
|
38
|
-
<div class="contents" id="section1">
|
|
38
|
+
<div class="contents" id="section1">
|
|
39
|
-
<!--contents01-->
|
|
39
|
+
<!--contents01-->
|
|
40
|
-
</div>
|
|
40
|
+
</div>
|
|
41
|
-
<div class="contents" id="section2">
|
|
41
|
+
<div class="contents" id="section2">
|
|
42
|
-
<!--contents02-->
|
|
42
|
+
<!--contents02-->
|
|
43
|
-
</div>
|
|
43
|
+
</div>
|
|
44
|
-
<div class="contents" id="section3">
|
|
44
|
+
<div class="contents" id="section3">
|
|
45
|
-
<!--contents03-->
|
|
45
|
+
<!--contents03-->
|
|
46
|
-
</div>
|
|
46
|
+
</div>
|
|
47
|
-
<div class="contents" id="section4">
|
|
47
|
+
<div class="contents" id="section4">
|
|
48
|
-
<!--contents04-->
|
|
48
|
+
<!--contents04-->
|
|
49
|
-
</div>
|
|
49
|
+
</div>
|
|
50
|
-
</div>
|
|
50
|
+
</div>
|
|
51
|
+
```
|
|
52
|
+
JavaScript
|
|
53
|
+
```
|
|
54
|
+
$(document).ready(function () {
|
|
55
|
+
$('#pagepiling').pagepiling({
|
|
56
|
+
menu: '#menu',
|
|
57
|
+
anchors: ['page1', 'page2', 'page3', 'page4'],
|
|
58
|
+
navigation: {
|
|
59
|
+
'position': 'right',
|
|
60
|
+
'tooltips': ['section1', 'section2', 'section3', 'section4']
|
|
61
|
+
},
|
|
62
|
+
scrollingSpeed: 1000,
|
|
63
|
+
sectionSelector: '.contents'
|
|
64
|
+
});
|
|
65
|
+
});
|
|
51
66
|
|
|
52
|
-
$(document).ready(function() {
|
|
53
|
-
$('#pagepiling').pagepiling({
|
|
54
|
-
menu: '#menu',
|
|
55
|
-
anchors: ['page1', 'page2', 'page3','page4'],
|
|
56
|
-
navigation: {
|
|
57
|
-
'position': 'right',
|
|
58
|
-
'tooltips': ['section1', 'section2', 'section3', 'section4']
|
|
59
|
-
},
|
|
60
|
-
scrollingSpeed: 1000,
|
|
61
|
-
sectionSelector: '.contents'
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
67
|
```
|
|
65
68
|
jqueryのバージョンは1.9.1です。
|
|
66
69
|
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -62,6 +62,6 @@
|
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
64
|
```
|
|
65
|
+
jqueryのバージョンは1.9.1です。
|
|
65
66
|
|
|
66
|
-
|
|
67
67
|
よろしくお願いいたします。
|
1
追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,4 +28,40 @@
|
|
|
28
28
|
}, "#pp-nav li")
|
|
29
29
|
}
|
|
30
30
|
```
|
|
31
|
+
|
|
32
|
+
プラグインのURLは以下になります。
|
|
33
|
+
https://alvarotrigo.com/pagePiling/
|
|
34
|
+
|
|
35
|
+
HTML
|
|
36
|
+
```
|
|
37
|
+
<div id="pagepiling">
|
|
38
|
+
<div class="contents" id="section1">
|
|
39
|
+
<!--contents01-->
|
|
40
|
+
</div>
|
|
41
|
+
<div class="contents" id="section2">
|
|
42
|
+
<!--contents02-->
|
|
43
|
+
</div>
|
|
44
|
+
<div class="contents" id="section3">
|
|
45
|
+
<!--contents03-->
|
|
46
|
+
</div>
|
|
47
|
+
<div class="contents" id="section4">
|
|
48
|
+
<!--contents04-->
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
$(document).ready(function() {
|
|
53
|
+
$('#pagepiling').pagepiling({
|
|
54
|
+
menu: '#menu',
|
|
55
|
+
anchors: ['page1', 'page2', 'page3','page4'],
|
|
56
|
+
navigation: {
|
|
57
|
+
'position': 'right',
|
|
58
|
+
'tooltips': ['section1', 'section2', 'section3', 'section4']
|
|
59
|
+
},
|
|
60
|
+
scrollingSpeed: 1000,
|
|
61
|
+
sectionSelector: '.contents'
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
|
|
31
67
|
よろしくお願いいたします。
|