質問編集履歴
1
animsition情報を追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,6 +7,10 @@
|
|
7
7
|
|
8
8
|
|
9
9
|
React: 16.4.2
|
10
|
+
|
11
|
+
Animsition
|
12
|
+
|
13
|
+
[http://git.blivesta.com/animsition/](http://git.blivesta.com/animsition/)
|
10
14
|
|
11
15
|
|
12
16
|
|
@@ -112,6 +116,60 @@
|
|
112
116
|
|
113
117
|
|
114
118
|
|
119
|
+
```JavaScript
|
120
|
+
|
121
|
+
$(document).ready(function() {
|
122
|
+
|
123
|
+
$(".animsition").animsition({
|
124
|
+
|
125
|
+
inClass: 'fade-in-up',
|
126
|
+
|
127
|
+
outClass: 'fade-out-up',
|
128
|
+
|
129
|
+
inDuration: 1500,
|
130
|
+
|
131
|
+
outDuration: 800,
|
132
|
+
|
133
|
+
linkElement: '.animsition-link',
|
134
|
+
|
135
|
+
// e.g. linkElement: 'a:not([target="_blank"]):not([href^="#"])'
|
136
|
+
|
137
|
+
loading: true,
|
138
|
+
|
139
|
+
loadingParentElement: 'body', //animsition wrapper element
|
140
|
+
|
141
|
+
loadingClass: 'animsition-loading',
|
142
|
+
|
143
|
+
loadingInner: '', // e.g '<img src="loading.svg" />'
|
144
|
+
|
145
|
+
timeout: false,
|
146
|
+
|
147
|
+
timeoutCountdown: 5000,
|
148
|
+
|
149
|
+
onLoadEvent: true,
|
150
|
+
|
151
|
+
browser: [ 'animation-duration', '-webkit-animation-duration'],
|
152
|
+
|
153
|
+
// "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
|
154
|
+
|
155
|
+
// The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
|
156
|
+
|
157
|
+
overlay : false,
|
158
|
+
|
159
|
+
overlayClass : 'animsition-overlay-slide',
|
160
|
+
|
161
|
+
overlayParentElement : 'body',
|
162
|
+
|
163
|
+
transition: function(url){ window.location.href = url; }
|
164
|
+
|
165
|
+
});
|
166
|
+
|
167
|
+
});
|
168
|
+
|
169
|
+
```
|
170
|
+
|
171
|
+
|
172
|
+
|
115
173
|
根本的に遷移のやり方がが間違っているのかもしれません。
|
116
174
|
|
117
175
|
なにかいいアイデアがあれば教えていただければと思います。
|