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

質問編集履歴

4

追記

2019/02/28 04:39

投稿

ayaka_000
ayaka_000

スコア15

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

改善

2019/02/28 04:39

投稿

ayaka_000
ayaka_000

スコア15

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

追記

2019/02/28 04:34

投稿

ayaka_000
ayaka_000

スコア15

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

追加

2019/02/28 04:31

投稿

ayaka_000
ayaka_000

スコア15

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
  よろしくお願いいたします。