teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問TweenMaxを使用して文字をfadeInさせたい

編集履歴

質問編集履歴

5

編集

2017/11/27 08:12

投稿

narururu
narururu

スコア170

test CHANGED
File without changes
test CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  <div class="carousel-caption">
108
108
 
109
- 古くから、<br>料理する場、<br>暖をとる場として<br>家族の中心に置かれてきた囲炉裏。
109
+ 文章
110
110
 
111
111
  </div>
112
112
 
@@ -118,7 +118,7 @@
118
118
 
119
119
  <div class="carousel-caption">
120
120
 
121
- 鉄瓶にゆらゆらと立ち上る湯気、<br>時折ぱちぱちと爆ぜる炭を<br>眺めていると、<br>時間がゆっくり、ゆっくりと<br>流れていきます。
121
+ 文章
122
122
 
123
123
  </div>
124
124
 
@@ -130,7 +130,7 @@
130
130
 
131
131
  <div class="carousel-caption">
132
132
 
133
- 囲炉裏を囲み、<br>家族が心の中から温まる、<br>そんな場所を作りたくて始めました。
133
+ 文章
134
134
 
135
135
  </div>
136
136
 
@@ -142,7 +142,7 @@
142
142
 
143
143
  <div class="carousel-caption">
144
144
 
145
- １つ１つ丁寧に作られた囲炉裏は、<br>あなただけの、<br>世界にたった１つの作品となります。<br>是非、囲炉裏の持つ独自な趣を、<br>体感してください。
145
+ 文章
146
146
 
147
147
  </div>
148
148
 

4

コード修正

2017/11/27 08:12

投稿

narururu
narururu

スコア170

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,19 @@
22
22
 
23
23
  $(function() {
24
24
 
25
+ $(left carousel-control).on("click",function() {
26
+
27
+ TweenMax.to("carousel-caption" , 1 , {autoAlpha:0});
28
+
29
+ }
30
+
31
+ });
32
+
33
+ });
34
+
35
+ $(function() {
36
+
25
- $(window).on("click",function() {
37
+ $(right carousel-control).on("click",function() {
26
38
 
27
39
  TweenMax.to("carousel-caption" , 1 , {autoAlpha:0});
28
40
 

3

コードの修正

2017/11/25 06:52

投稿

narururu
narururu

スコア170

test CHANGED
File without changes
test CHANGED
@@ -22,11 +22,7 @@
22
22
 
23
23
  $(function() {
24
24
 
25
- $(window).on("scroll",function() {
25
+ $(window).on("click",function() {
26
-
27
- var st = $(window).scrollTop();
28
-
29
- if (st > 100) {
30
26
 
31
27
  TweenMax.to("carousel-caption" , 1 , {autoAlpha:0});
32
28
 

2

コード修正

2017/11/25 04:51

投稿

narururu
narururu

スコア170

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,21 @@
20
20
 
21
21
  ```
22
22
 
23
+ $(function() {
24
+
25
+ $(window).on("scroll",function() {
26
+
27
+ var st = $(window).scrollTop();
28
+
29
+ if (st > 100) {
30
+
23
- TweenLite.to("carousel-caption" , 1 , {autoAlpha:0});
31
+ TweenMax.to("carousel-caption" , 1 , {autoAlpha:0});
32
+
33
+ }
34
+
35
+ });
36
+
37
+ });
24
38
 
25
39
  ```
26
40
 

1

タグ、説明の追加

2017/11/25 04:50

投稿

narururu
narururu

スコア170

test CHANGED
File without changes
test CHANGED
@@ -23,6 +23,14 @@
23
23
  TweenLite.to("carousel-caption" , 1 , {autoAlpha:0});
24
24
 
25
25
  ```
26
+
27
+
28
+
29
+ ###現象
30
+
31
+ キャプションに入れてある文章がそのまま表示されている状態で、fadeInされません。
32
+
33
+
26
34
 
27
35
  ###ソースコード
28
36
 
@@ -150,8 +158,12 @@
150
158
 
151
159
  ```
152
160
 
161
+
162
+
153
163
  上記の情報で何か分かりましたら、アドナイスいただけますでしょうか。
154
164
 
165
+ ↓公式サイト
155
166
 
167
+ https://greensock.com/tweenmax
156
168
 
157
169
  以上、よろしくお願いいたします。