回答編集履歴
2
修正
answer
CHANGED
|
@@ -120,4 +120,4 @@
|
|
|
120
120
|
})
|
|
121
121
|
});
|
|
122
122
|
```
|
|
123
|
-
|
1
修正
answer
CHANGED
|
@@ -90,8 +90,34 @@
|
|
|
90
90
|
$('<div class="pp-tooltip right">' + tooltip + '</div>').hide().appendTo($(this)).fadeIn(200);
|
|
91
91
|
})
|
|
92
92
|
```
|
|
93
|
-
|
|
94
94
|
hover時と同じところに挿入できたことを確認。
|
|
95
95
|
|
|
96
96
|
-----
|
|
97
|
-
私のほうは本当に最低限の構成しかないので最後の画像にあるように文字色が白ですが、このあたりは調整かと思います。
|
|
97
|
+
私のほうは本当に最低限の構成しかないので最後の画像にあるように文字色が白ですが、このあたりは調整かと思います。
|
|
98
|
+
|
|
99
|
+
-----
|
|
100
|
+
|
|
101
|
+
蛇足：
|
|
102
|
+
optionsも含めていろいろ調整
|
|
103
|
+
```js
|
|
104
|
+
$(function() {
|
|
105
|
+
const pagepiling_setting = {
|
|
106
|
+
menu: '#menu',
|
|
107
|
+
anchors: ['page1', 'page2', 'page3', 'page4'],
|
|
108
|
+
navigation: {
|
|
109
|
+
'position': 'right',
|
|
110
|
+
'tooltips': ['section1', 'section2', 'section3', 'section4']
|
|
111
|
+
},
|
|
112
|
+
scrollingSpeed: 1000,
|
|
113
|
+
sectionSelector: '.contents'
|
|
114
|
+
};
|
|
115
|
+
$('#pagepiling').pagepiling(pagepiling_setting);
|
|
116
|
+
|
|
117
|
+
$('#pp-nav li').each(function(index, element){
|
|
118
|
+
var tooltip = $(this).data('tooltip');
|
|
119
|
+
$('<div class="pp-tooltip '+pagepiling_setting.navigation.position+'">' + tooltip + '</div>').hide().appendTo($(this)).fadeIn(200);
|
|
120
|
+
})
|
|
121
|
+
});
|
|
122
|
+
```
|
|
123
|
+
|